<html lang="en"><head>
    <meta charset="UTF-8">


    <link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png">

    <meta name="apple-mobile-web-app-title" content="CodePen">

    <link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico">

    <link rel="mask-icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg" color="#111">




    <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script>


    <title>Randomly generated Pure CSS menu icons w/ markup and SCSS</title>

    <link rel="canonical" href="https://codepen.io/jcoulterdesign/pen/KJBmEx">


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <style>
        @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700");
        @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");
        * {
            box-sizing: border-box;
        }

        .close {
            position: absolute;
            width: 100%;
            border-bottom: 1px solid #f6f6f6;
            padding: 17px;
            left: 0;
            top: 0;
            transition: all 0.3s;
            color: #54589c;
            cursor: pointer;
        }
        .close:hover {
            background: #f6f6f6;
        }

        body {
            margin: 0;
            overflow-x: hidden;
            font-family: "Roboto Condensed", sans-serif;
        }
        body.open .panel {
            right: 0;
        }
        body.open .grid {
            transform: translateX(-450px);
            opacity: 0.2;
            pointer-events: none;
        }
        body span {
            font-size: 10px;
            opacity: 0.1;
            position: absolute;
            top: 20px;
            left: 20px;
        }

        .grid_alt {
            background: #2a3648;
        }
        .grid_alt span {
            color: white;
        }
        .grid_alt .grid_item:hover {
            background: #293340;
        }
        .grid_alt .menu_part {
            background: white !important;
        }

        .panel {
            overflow-y: scroll;
            width: 450px;
            border-left: 1px solid whitesmoke;
            position: fixed;
            padding: 100px 60px 60px 60px;
            background: white;
            right: -450px;
            height: 100vh;
            top: 0;
            transition: all 0.3s;
        }
        .panel h1,
        .panel h2 {
            margin: 0;
            font-size: 16px;
        }
        .panel h2 {
            margin-top: 30px;
        }
        .panel p {
            white-space: pre;
            -moz-tab-size: 2;
            -o-tab-size: 2;
            tab-size: 2;
            font-family: "Source Code Pro", monospace;
            font-size: 9px;
            font-weight: 100;
            line-height: 14px;
        }

        .grid,
        .grid_alt {
            transition: all 0.3s;
            overflow: hidden;
            width: 100vw;
            margin: 0 auto;
            padding: 100px;
        }
        .grid_item,
        .grid_alt_item {
            width: 8.3333vw;
            height: 8.3333vw;
            float: left;
            position: relative;
            transition: all 0.5s;
            overflow: hidden;
        }
        @media only screen and (max-width: 1200px) {
            .grid_item,
            .grid_alt_item {
                width: 20vw;
                height: 20vw;
            }
        }
        @media only screen and (max-width: 700px) {
            .grid_item,
            .grid_alt_item {
                width: 25vw;
                height: 25vw;
            }
        }
        @media only screen and (max-width: 400px) {
            .grid_item,
            .grid_alt_item {
                width: 50vw;
                height: 50vw;
            }
        }
        .grid_item:hover i,
        .grid_alt_item:hover i {
            bottom: 20px;
        }
        .grid_item i,
        .grid_alt_item i {
            opacity: 0.1;
            position: absolute;
            right: 20px;
            bottom: -20px;
            transition: all 0.3s;
            cursor: pointer;
            font-size: 12px;
        }
        .grid_item i:hover,
        .grid_alt_item i:hover {
            opacity: 1;
        }
        .grid_item:hover,
        .grid_alt_item:hover {
            background: #f7f7f7;
        }
        .grid_item:nth-of-type(1),
        .grid_alt_item:nth-of-type(1) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.0285714286s forwards;
            animation: fadeIn 1s 0.0285714286s forwards;
        }
        .grid_item:nth-of-type(2),
        .grid_alt_item:nth-of-type(2) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.0571428571s forwards;
            animation: fadeIn 1s 0.0571428571s forwards;
        }
        .grid_item:nth-of-type(3),
        .grid_alt_item:nth-of-type(3) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.0857142857s forwards;
            animation: fadeIn 1s 0.0857142857s forwards;
        }
        .grid_item:nth-of-type(4),
        .grid_alt_item:nth-of-type(4) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.1142857143s forwards;
            animation: fadeIn 1s 0.1142857143s forwards;
        }
        .grid_item:nth-of-type(5),
        .grid_alt_item:nth-of-type(5) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.1428571429s forwards;
            animation: fadeIn 1s 0.1428571429s forwards;
        }
        .grid_item:nth-of-type(6),
        .grid_alt_item:nth-of-type(6) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.1714285714s forwards;
            animation: fadeIn 1s 0.1714285714s forwards;
        }
        .grid_item:nth-of-type(7),
        .grid_alt_item:nth-of-type(7) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.2s forwards;
            animation: fadeIn 1s 0.2s forwards;
        }
        .grid_item:nth-of-type(8),
        .grid_alt_item:nth-of-type(8) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.2285714286s forwards;
            animation: fadeIn 1s 0.2285714286s forwards;
        }
        .grid_item:nth-of-type(9),
        .grid_alt_item:nth-of-type(9) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.2571428571s forwards;
            animation: fadeIn 1s 0.2571428571s forwards;
        }
        .grid_item:nth-of-type(10),
        .grid_alt_item:nth-of-type(10) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.2857142857s forwards;
            animation: fadeIn 1s 0.2857142857s forwards;
        }
        .grid_item:nth-of-type(11),
        .grid_alt_item:nth-of-type(11) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.3142857143s forwards;
            animation: fadeIn 1s 0.3142857143s forwards;
        }
        .grid_item:nth-of-type(12),
        .grid_alt_item:nth-of-type(12) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.3428571429s forwards;
            animation: fadeIn 1s 0.3428571429s forwards;
        }
        .grid_item:nth-of-type(13),
        .grid_alt_item:nth-of-type(13) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.3714285714s forwards;
            animation: fadeIn 1s 0.3714285714s forwards;
        }
        .grid_item:nth-of-type(14),
        .grid_alt_item:nth-of-type(14) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.4s forwards;
            animation: fadeIn 1s 0.4s forwards;
        }
        .grid_item:nth-of-type(15),
        .grid_alt_item:nth-of-type(15) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.4285714286s forwards;
            animation: fadeIn 1s 0.4285714286s forwards;
        }
        .grid_item:nth-of-type(16),
        .grid_alt_item:nth-of-type(16) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.4571428571s forwards;
            animation: fadeIn 1s 0.4571428571s forwards;
        }
        .grid_item:nth-of-type(17),
        .grid_alt_item:nth-of-type(17) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.4857142857s forwards;
            animation: fadeIn 1s 0.4857142857s forwards;
        }
        .grid_item:nth-of-type(18),
        .grid_alt_item:nth-of-type(18) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.5142857143s forwards;
            animation: fadeIn 1s 0.5142857143s forwards;
        }
        .grid_item:nth-of-type(19),
        .grid_alt_item:nth-of-type(19) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.5428571429s forwards;
            animation: fadeIn 1s 0.5428571429s forwards;
        }
        .grid_item:nth-of-type(20),
        .grid_alt_item:nth-of-type(20) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.5714285714s forwards;
            animation: fadeIn 1s 0.5714285714s forwards;
        }
        .grid_item:nth-of-type(21),
        .grid_alt_item:nth-of-type(21) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.6s forwards;
            animation: fadeIn 1s 0.6s forwards;
        }
        .grid_item:nth-of-type(22),
        .grid_alt_item:nth-of-type(22) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.6285714286s forwards;
            animation: fadeIn 1s 0.6285714286s forwards;
        }
        .grid_item:nth-of-type(23),
        .grid_alt_item:nth-of-type(23) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.6571428571s forwards;
            animation: fadeIn 1s 0.6571428571s forwards;
        }
        .grid_item:nth-of-type(24),
        .grid_alt_item:nth-of-type(24) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.6857142857s forwards;
            animation: fadeIn 1s 0.6857142857s forwards;
        }
        .grid_item:nth-of-type(25),
        .grid_alt_item:nth-of-type(25) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.7142857143s forwards;
            animation: fadeIn 1s 0.7142857143s forwards;
        }
        .grid_item:nth-of-type(26),
        .grid_alt_item:nth-of-type(26) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.7428571429s forwards;
            animation: fadeIn 1s 0.7428571429s forwards;
        }
        .grid_item:nth-of-type(27),
        .grid_alt_item:nth-of-type(27) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.7714285714s forwards;
            animation: fadeIn 1s 0.7714285714s forwards;
        }
        .grid_item:nth-of-type(28),
        .grid_alt_item:nth-of-type(28) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.8s forwards;
            animation: fadeIn 1s 0.8s forwards;
        }
        .grid_item:nth-of-type(29),
        .grid_alt_item:nth-of-type(29) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.8285714286s forwards;
            animation: fadeIn 1s 0.8285714286s forwards;
        }
        .grid_item:nth-of-type(30),
        .grid_alt_item:nth-of-type(30) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.8571428571s forwards;
            animation: fadeIn 1s 0.8571428571s forwards;
        }
        .grid_item:nth-of-type(31),
        .grid_alt_item:nth-of-type(31) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.8857142857s forwards;
            animation: fadeIn 1s 0.8857142857s forwards;
        }
        .grid_item:nth-of-type(32),
        .grid_alt_item:nth-of-type(32) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.9142857143s forwards;
            animation: fadeIn 1s 0.9142857143s forwards;
        }
        .grid_item:nth-of-type(33),
        .grid_alt_item:nth-of-type(33) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.9428571429s forwards;
            animation: fadeIn 1s 0.9428571429s forwards;
        }
        .grid_item:nth-of-type(34),
        .grid_alt_item:nth-of-type(34) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 0.9714285714s forwards;
            animation: fadeIn 1s 0.9714285714s forwards;
        }
        .grid_item:nth-of-type(35),
        .grid_alt_item:nth-of-type(35) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1s forwards;
            animation: fadeIn 1s 1s forwards;
        }
        .grid_item:nth-of-type(36),
        .grid_alt_item:nth-of-type(36) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.0285714286s forwards;
            animation: fadeIn 1s 1.0285714286s forwards;
        }
        .grid_item:nth-of-type(37),
        .grid_alt_item:nth-of-type(37) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.0571428571s forwards;
            animation: fadeIn 1s 1.0571428571s forwards;
        }
        .grid_item:nth-of-type(38),
        .grid_alt_item:nth-of-type(38) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.0857142857s forwards;
            animation: fadeIn 1s 1.0857142857s forwards;
        }
        .grid_item:nth-of-type(39),
        .grid_alt_item:nth-of-type(39) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.1142857143s forwards;
            animation: fadeIn 1s 1.1142857143s forwards;
        }
        .grid_item:nth-of-type(40),
        .grid_alt_item:nth-of-type(40) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.1428571429s forwards;
            animation: fadeIn 1s 1.1428571429s forwards;
        }
        .grid_item:nth-of-type(41),
        .grid_alt_item:nth-of-type(41) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.1714285714s forwards;
            animation: fadeIn 1s 1.1714285714s forwards;
        }
        .grid_item:nth-of-type(42),
        .grid_alt_item:nth-of-type(42) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.2s forwards;
            animation: fadeIn 1s 1.2s forwards;
        }
        .grid_item:nth-of-type(43),
        .grid_alt_item:nth-of-type(43) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.2285714286s forwards;
            animation: fadeIn 1s 1.2285714286s forwards;
        }
        .grid_item:nth-of-type(44),
        .grid_alt_item:nth-of-type(44) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.2571428571s forwards;
            animation: fadeIn 1s 1.2571428571s forwards;
        }
        .grid_item:nth-of-type(45),
        .grid_alt_item:nth-of-type(45) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.2857142857s forwards;
            animation: fadeIn 1s 1.2857142857s forwards;
        }
        .grid_item:nth-of-type(46),
        .grid_alt_item:nth-of-type(46) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.3142857143s forwards;
            animation: fadeIn 1s 1.3142857143s forwards;
        }
        .grid_item:nth-of-type(47),
        .grid_alt_item:nth-of-type(47) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.3428571429s forwards;
            animation: fadeIn 1s 1.3428571429s forwards;
        }
        .grid_item:nth-of-type(48),
        .grid_alt_item:nth-of-type(48) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.3714285714s forwards;
            animation: fadeIn 1s 1.3714285714s forwards;
        }
        .grid_item:nth-of-type(49),
        .grid_alt_item:nth-of-type(49) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.4s forwards;
            animation: fadeIn 1s 1.4s forwards;
        }
        .grid_item:nth-of-type(50),
        .grid_alt_item:nth-of-type(50) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.4285714286s forwards;
            animation: fadeIn 1s 1.4285714286s forwards;
        }
        .grid_item:nth-of-type(51),
        .grid_alt_item:nth-of-type(51) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.4571428571s forwards;
            animation: fadeIn 1s 1.4571428571s forwards;
        }
        .grid_item:nth-of-type(52),
        .grid_alt_item:nth-of-type(52) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.4857142857s forwards;
            animation: fadeIn 1s 1.4857142857s forwards;
        }
        .grid_item:nth-of-type(53),
        .grid_alt_item:nth-of-type(53) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.5142857143s forwards;
            animation: fadeIn 1s 1.5142857143s forwards;
        }
        .grid_item:nth-of-type(54),
        .grid_alt_item:nth-of-type(54) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.5428571429s forwards;
            animation: fadeIn 1s 1.5428571429s forwards;
        }
        .grid_item:nth-of-type(55),
        .grid_alt_item:nth-of-type(55) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.5714285714s forwards;
            animation: fadeIn 1s 1.5714285714s forwards;
        }
        .grid_item:nth-of-type(56),
        .grid_alt_item:nth-of-type(56) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.6s forwards;
            animation: fadeIn 1s 1.6s forwards;
        }
        .grid_item:nth-of-type(57),
        .grid_alt_item:nth-of-type(57) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.6285714286s forwards;
            animation: fadeIn 1s 1.6285714286s forwards;
        }
        .grid_item:nth-of-type(58),
        .grid_alt_item:nth-of-type(58) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.6571428571s forwards;
            animation: fadeIn 1s 1.6571428571s forwards;
        }
        .grid_item:nth-of-type(59),
        .grid_alt_item:nth-of-type(59) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.6857142857s forwards;
            animation: fadeIn 1s 1.6857142857s forwards;
        }
        .grid_item:nth-of-type(60),
        .grid_alt_item:nth-of-type(60) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.7142857143s forwards;
            animation: fadeIn 1s 1.7142857143s forwards;
        }
        .grid_item:nth-of-type(61),
        .grid_alt_item:nth-of-type(61) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.7428571429s forwards;
            animation: fadeIn 1s 1.7428571429s forwards;
        }
        .grid_item:nth-of-type(62),
        .grid_alt_item:nth-of-type(62) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.7714285714s forwards;
            animation: fadeIn 1s 1.7714285714s forwards;
        }
        .grid_item:nth-of-type(63),
        .grid_alt_item:nth-of-type(63) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.8s forwards;
            animation: fadeIn 1s 1.8s forwards;
        }
        .grid_item:nth-of-type(64),
        .grid_alt_item:nth-of-type(64) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.8285714286s forwards;
            animation: fadeIn 1s 1.8285714286s forwards;
        }
        .grid_item:nth-of-type(65),
        .grid_alt_item:nth-of-type(65) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.8571428571s forwards;
            animation: fadeIn 1s 1.8571428571s forwards;
        }
        .grid_item:nth-of-type(66),
        .grid_alt_item:nth-of-type(66) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.8857142857s forwards;
            animation: fadeIn 1s 1.8857142857s forwards;
        }
        .grid_item:nth-of-type(67),
        .grid_alt_item:nth-of-type(67) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.9142857143s forwards;
            animation: fadeIn 1s 1.9142857143s forwards;
        }
        .grid_item:nth-of-type(68),
        .grid_alt_item:nth-of-type(68) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.9428571429s forwards;
            animation: fadeIn 1s 1.9428571429s forwards;
        }
        .grid_item:nth-of-type(69),
        .grid_alt_item:nth-of-type(69) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 1.9714285714s forwards;
            animation: fadeIn 1s 1.9714285714s forwards;
        }
        .grid_item:nth-of-type(70),
        .grid_alt_item:nth-of-type(70) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2s forwards;
            animation: fadeIn 1s 2s forwards;
        }
        .grid_item:nth-of-type(71),
        .grid_alt_item:nth-of-type(71) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.0285714286s forwards;
            animation: fadeIn 1s 2.0285714286s forwards;
        }
        .grid_item:nth-of-type(72),
        .grid_alt_item:nth-of-type(72) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.0571428571s forwards;
            animation: fadeIn 1s 2.0571428571s forwards;
        }
        .grid_item:nth-of-type(73),
        .grid_alt_item:nth-of-type(73) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.0857142857s forwards;
            animation: fadeIn 1s 2.0857142857s forwards;
        }
        .grid_item:nth-of-type(74),
        .grid_alt_item:nth-of-type(74) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.1142857143s forwards;
            animation: fadeIn 1s 2.1142857143s forwards;
        }
        .grid_item:nth-of-type(75),
        .grid_alt_item:nth-of-type(75) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.1428571429s forwards;
            animation: fadeIn 1s 2.1428571429s forwards;
        }
        .grid_item:nth-of-type(76),
        .grid_alt_item:nth-of-type(76) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.1714285714s forwards;
            animation: fadeIn 1s 2.1714285714s forwards;
        }
        .grid_item:nth-of-type(77),
        .grid_alt_item:nth-of-type(77) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.2s forwards;
            animation: fadeIn 1s 2.2s forwards;
        }
        .grid_item:nth-of-type(78),
        .grid_alt_item:nth-of-type(78) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.2285714286s forwards;
            animation: fadeIn 1s 2.2285714286s forwards;
        }
        .grid_item:nth-of-type(79),
        .grid_alt_item:nth-of-type(79) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.2571428571s forwards;
            animation: fadeIn 1s 2.2571428571s forwards;
        }
        .grid_item:nth-of-type(80),
        .grid_alt_item:nth-of-type(80) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.2857142857s forwards;
            animation: fadeIn 1s 2.2857142857s forwards;
        }
        .grid_item:nth-of-type(81),
        .grid_alt_item:nth-of-type(81) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.3142857143s forwards;
            animation: fadeIn 1s 2.3142857143s forwards;
        }
        .grid_item:nth-of-type(82),
        .grid_alt_item:nth-of-type(82) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.3428571429s forwards;
            animation: fadeIn 1s 2.3428571429s forwards;
        }
        .grid_item:nth-of-type(83),
        .grid_alt_item:nth-of-type(83) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.3714285714s forwards;
            animation: fadeIn 1s 2.3714285714s forwards;
        }
        .grid_item:nth-of-type(84),
        .grid_alt_item:nth-of-type(84) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.4s forwards;
            animation: fadeIn 1s 2.4s forwards;
        }
        .grid_item:nth-of-type(85),
        .grid_alt_item:nth-of-type(85) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.4285714286s forwards;
            animation: fadeIn 1s 2.4285714286s forwards;
        }
        .grid_item:nth-of-type(86),
        .grid_alt_item:nth-of-type(86) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.4571428571s forwards;
            animation: fadeIn 1s 2.4571428571s forwards;
        }
        .grid_item:nth-of-type(87),
        .grid_alt_item:nth-of-type(87) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.4857142857s forwards;
            animation: fadeIn 1s 2.4857142857s forwards;
        }
        .grid_item:nth-of-type(88),
        .grid_alt_item:nth-of-type(88) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.5142857143s forwards;
            animation: fadeIn 1s 2.5142857143s forwards;
        }
        .grid_item:nth-of-type(89),
        .grid_alt_item:nth-of-type(89) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.5428571429s forwards;
            animation: fadeIn 1s 2.5428571429s forwards;
        }
        .grid_item:nth-of-type(90),
        .grid_alt_item:nth-of-type(90) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.5714285714s forwards;
            animation: fadeIn 1s 2.5714285714s forwards;
        }
        .grid_item:nth-of-type(91),
        .grid_alt_item:nth-of-type(91) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.6s forwards;
            animation: fadeIn 1s 2.6s forwards;
        }
        .grid_item:nth-of-type(92),
        .grid_alt_item:nth-of-type(92) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.6285714286s forwards;
            animation: fadeIn 1s 2.6285714286s forwards;
        }
        .grid_item:nth-of-type(93),
        .grid_alt_item:nth-of-type(93) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.6571428571s forwards;
            animation: fadeIn 1s 2.6571428571s forwards;
        }
        .grid_item:nth-of-type(94),
        .grid_alt_item:nth-of-type(94) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.6857142857s forwards;
            animation: fadeIn 1s 2.6857142857s forwards;
        }
        .grid_item:nth-of-type(95),
        .grid_alt_item:nth-of-type(95) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.7142857143s forwards;
            animation: fadeIn 1s 2.7142857143s forwards;
        }
        .grid_item:nth-of-type(96),
        .grid_alt_item:nth-of-type(96) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.7428571429s forwards;
            animation: fadeIn 1s 2.7428571429s forwards;
        }
        .grid_item:nth-of-type(97),
        .grid_alt_item:nth-of-type(97) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.7714285714s forwards;
            animation: fadeIn 1s 2.7714285714s forwards;
        }
        .grid_item:nth-of-type(98),
        .grid_alt_item:nth-of-type(98) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.8s forwards;
            animation: fadeIn 1s 2.8s forwards;
        }
        .grid_item:nth-of-type(99),
        .grid_alt_item:nth-of-type(99) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.8285714286s forwards;
            animation: fadeIn 1s 2.8285714286s forwards;
        }
        .grid_item:nth-of-type(100),
        .grid_alt_item:nth-of-type(100) {
            opacity: 0;
            -webkit-animation: fadeIn 1s 2.8571428571s forwards;
            animation: fadeIn 1s 2.8571428571s forwards;
        }
        .grid_item__inner,
        .grid_alt_item__inner {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            top: 50%;
            transform: translatey(-50%);
            text-align: center;
        }
        .grid_item__inner .menu:hover,
        .grid_alt_item__inner .menu:hover {
            opacity: 1 !important;
        }

        @-webkit-keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }
    </style>

    <script>
        window.console = window.console || function(t) {};
    </script>



    <style type="text/css" class="menu-0">
        input#menu-0:checked + label .menu {
            transform:scale(1.21) rotate(180deg);
        }

        input#menu-0:checked + label .menu .menu_part:nth-of-type(1) {
            transform: rotate(45deg);
            width: 23px !important;
            top: calc(50% - (1px))!important;
        }

        input#menu-0:checked + label .menu .menu_part:nth-of-type(2) {
            left: 4px !important;
            opacity: 0;
        }

        input#menu-0:checked + label .menu .menu_part:nth-of-type(3) {
            transform: rotate(-45deg);
            width: 23px!important;
            top: calc(50% - (1px))!important;
        }
        input#menu-0:checked + label .menu {transform:scale(1.21) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-1">
    input#menu-1:checked + label .menu {
        transform:scale(1.02) rotate(180deg);
    }

    input#menu-1:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-1:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-1:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-2">
    input#menu-2:checked + label .menu {
        transform:scale(1.15) rotate(180deg);
    }

    input#menu-2:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 20px !important;
    }

    input#menu-2:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 20px !important;
    }
    input#menu-2:checked + label .menu {transform:scale(1.15) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-3">
    input#menu-3:checked + label .menu {
        transform:scale(1) rotate(180deg);
    }

    input#menu-3:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-3:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-3:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-3:checked + label .menu {transform:scale(1) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-4">
    input#menu-4:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-4:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 22px !important;
    }

    input#menu-4:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-5">
    input#menu-5:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-5:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-5:checked + label .menu .menu_part:nth-of-type(2) {
        left: -8px !important;
        opacity: 0;
    }

    input#menu-5:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-6">
    input#menu-6:checked + label .menu {
        transform:scale(1.05) rotate(0deg);
    }

    input#menu-6:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-6:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-6:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-7">
    input#menu-7:checked + label .menu {
        transform:scale(1.04) rotate(180deg);
    }

    input#menu-7:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-7:checked + label .menu .menu_part:nth-of-type(2) {
        left: 13px !important;
        opacity: 0;
    }

    input#menu-7:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-7:checked + label .menu {transform:scale(1.04) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-8">
    input#menu-8:checked + label .menu {
        transform:scale(1.12) rotate(0deg);
    }

    input#menu-8:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-8:checked + label .menu .menu_part:nth-of-type(2) {
        left: -3px !important;
        opacity: 0;
    }

    input#menu-8:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (2.5px))!important;
    }
    input#menu-8:checked + label .menu {transform:scale(1.12) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-9">
    input#menu-9:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-9:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-9:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-9:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-10">
    input#menu-10:checked + label .menu {
        transform:scale(1.1) rotate(180deg);
    }

    input#menu-10:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-10:checked + label .menu .menu_part:nth-of-type(2) {
        left: 6px !important;
        opacity: 0;
    }

    input#menu-10:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-10:checked + label .menu {transform:scale(1.1) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-11">
    input#menu-11:checked + label .menu {
        transform:scale(1.11) rotate(180deg);
    }

    input#menu-11:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-11:checked + label .menu .menu_part:nth-of-type(2) {
        left: 17px !important;
        opacity: 0;
    }

    input#menu-11:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-12">
    input#menu-12:checked + label .menu {
        transform:scale(1.11) rotate(0deg);
    }

    input#menu-12:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }

    input#menu-12:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }
</style><style type="text/css" class="menu-13">
    input#menu-13:checked + label .menu {
        transform:scale(1.07) rotate(0deg);
    }

    input#menu-13:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-13:checked + label .menu .menu_part:nth-of-type(2) {
        left: -14px !important;
        opacity: 0;
    }

    input#menu-13:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-13:checked + label .menu {transform:scale(1.07) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-14">
    input#menu-14:checked + label .menu {
        transform:scale(1.16) rotate(0deg);
    }

    input#menu-14:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 21px !important;
    }

    input#menu-14:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 21px !important;
    }
</style><style type="text/css" class="menu-15">
    input#menu-15:checked + label .menu {
        transform:scale(1.23) rotate(180deg);
    }

    input#menu-15:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-15:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-15:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (3px))!important;
    }
    input#menu-15:checked + label .menu {transform:scale(1.23) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-16">
    input#menu-16:checked + label .menu {
        transform:scale(1.24) rotate(180deg);
    }

    input#menu-16:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-16:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
</style><style type="text/css" class="menu-17">
    input#menu-17:checked + label .menu {
        transform:scale(1.13) rotate(180deg);
    }

    input#menu-17:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }

    input#menu-17:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }
    input#menu-17:checked + label .menu {transform:scale(1.13) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-18">
    input#menu-18:checked + label .menu {
        transform:scale(1.18) rotate(180deg);
    }

    input#menu-18:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-18:checked + label .menu .menu_part:nth-of-type(2) {
        left: 4px !important;
        opacity: 0;
    }

    input#menu-18:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-19">
    input#menu-19:checked + label .menu {
        transform:scale(1.19) rotate(0deg);
    }

    input#menu-19:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 18px !important;
    }

    input#menu-19:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 18px !important;
    }
    input#menu-19:checked + label .menu {transform:scale(1.19) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-20">
    input#menu-20:checked + label .menu {
        transform:scale(1.29) rotate(0deg);
    }

    input#menu-20:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 24px !important;
    }

    input#menu-20:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 24px !important;
    }
</style><style type="text/css" class="menu-21">
    input#menu-21:checked + label .menu {
        transform:scale(1.17) rotate(180deg);
    }

    input#menu-21:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }

    input#menu-21:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }
    input#menu-21:checked + label .menu {transform:scale(1.17) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-22">
    input#menu-22:checked + label .menu {
        transform:scale(1.15) rotate(180deg);
    }

    input#menu-22:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-22:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
</style><style type="text/css" class="menu-23">
    input#menu-23:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(180deg);
    }

    input#menu-23:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }

    input#menu-23:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }
</style><style type="text/css" class="menu-24">
    input#menu-24:checked + label .menu {
        transform:scale(1.15) rotate(180deg);
    }

    input#menu-24:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-24:checked + label .menu .menu_part:nth-of-type(2) {
        left: 6px !important;
        opacity: 0;
    }

    input#menu-24:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-25">
    input#menu-25:checked + label .menu {
        transform:scale(1.08) rotate(180deg);
    }

    input#menu-25:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-25:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
    input#menu-25:checked + label .menu {transform:scale(1.08) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-26">
    input#menu-26:checked + label .menu {
        transform:scale(1.04) rotate(0deg);
    }

    input#menu-26:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 23px !important;
    }

    input#menu-26:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 23px !important;
    }
</style><style type="text/css" class="menu-27">
    input#menu-27:checked + label .menu {
        transform:scale(1.19) rotate(0deg);
    }

    input#menu-27:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-27:checked + label .menu .menu_part:nth-of-type(2) {
        left: 4px !important;
        opacity: 0;
    }

    input#menu-27:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-27:checked + label .menu {transform:scale(1.19) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-28">
    input#menu-28:checked + label .menu {
        transform:scale(1.03) rotate(180deg);
    }

    input#menu-28:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-28:checked + label .menu .menu_part:nth-of-type(2) {
        left: 8px !important;
        opacity: 0;
    }

    input#menu-28:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-29">
    input#menu-29:checked + label .menu {
        transform:scale(1.01) rotate(0deg);
    }

    input#menu-29:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }

    input#menu-29:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }
</style><style type="text/css" class="menu-30">
    input#menu-30:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-30:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-30:checked + label .menu .menu_part:nth-of-type(2) {
        left: 7px !important;
        opacity: 0;
    }

    input#menu-30:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-30:checked + label .menu {transform:scale(1.17) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-31">
    input#menu-31:checked + label .menu {
        transform:scale(1.05) rotate(180deg);
    }

    input#menu-31:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-31:checked + label .menu .menu_part:nth-of-type(2) {
        left: -1px !important;
        opacity: 0;
    }

    input#menu-31:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-32">
    input#menu-32:checked + label .menu {
        transform:scale(1.2) rotate(180deg);
    }

    input#menu-32:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }

    input#menu-32:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }
    input#menu-32:checked + label .menu {transform:scale(1.2) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-33">
    input#menu-33:checked + label .menu {
        transform:scale(1.11) rotate(180deg);
    }

    input#menu-33:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-33:checked + label .menu .menu_part:nth-of-type(2) {
        left: -4px !important;
        opacity: 0;
    }

    input#menu-33:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-33:checked + label .menu {transform:scale(1.11) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-34">
    input#menu-34:checked + label .menu {
        transform:scale(1.15) rotate(180deg);
    }

    input#menu-34:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-34:checked + label .menu .menu_part:nth-of-type(2) {
        left: -15px !important;
        opacity: 0;
    }

    input#menu-34:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-34:checked + label .menu {transform:scale(1.15) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-35">
    input#menu-35:checked + label .menu {
        transform:scale(1.2) rotate(180deg);
    }

    input#menu-35:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }

    input#menu-35:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }
    input#menu-35:checked + label .menu {transform:scale(1.2) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-36">
    input#menu-36:checked + label .menu {
        transform:scale(1.22) rotate(180deg);
    }

    input#menu-36:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-36:checked + label .menu .menu_part:nth-of-type(2) {
        left: 12px !important;
        opacity: 0;
    }

    input#menu-36:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-37">
    input#menu-37:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(180deg);
    }

    input#menu-37:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-37:checked + label .menu .menu_part:nth-of-type(2) {
        left: 5px !important;
        opacity: 0;
    }

    input#menu-37:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-38">
    input#menu-38:checked + label .menu {
        transform:scale(1.08) rotate(0deg);
    }

    input#menu-38:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-38:checked + label .menu .menu_part:nth-of-type(2) {
        left: -1px !important;
        opacity: 0;
    }

    input#menu-38:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-39">
    input#menu-39:checked + label .menu {
        transform:scale(1.05) rotate(0deg);
    }

    input#menu-39:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-39:checked + label .menu .menu_part:nth-of-type(2) {
        left: -10px !important;
        opacity: 0;
    }

    input#menu-39:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-40">
    input#menu-40:checked + label .menu {
        transform:scale(1.01) rotate(180deg);
    }

    input#menu-40:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 24px !important;
    }

    input#menu-40:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 24px !important;
    }
    input#menu-40:checked + label .menu {transform:scale(1.01) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-41">
    input#menu-41:checked + label .menu {
        transform:scale(1.1) rotate(0deg);
    }

    input#menu-41:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 25px !important;
    }

    input#menu-41:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 25px !important;
    }
    input#menu-41:checked + label .menu {transform:scale(1.1) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-42">
    input#menu-42:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(180deg);
    }

    input#menu-42:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 22px !important;
    }

    input#menu-42:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-43">
    input#menu-43:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-43:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-43:checked + label .menu .menu_part:nth-of-type(2) {
        left: 0px !important;
        opacity: 0;
    }

    input#menu-43:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-44">
    input#menu-44:checked + label .menu {
        transform:scale(1.27) rotate(180deg);
    }

    input#menu-44:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-44:checked + label .menu .menu_part:nth-of-type(2) {
        left: 6px !important;
        opacity: 0;
    }

    input#menu-44:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-45">
    input#menu-45:checked + label .menu {
        transform:scale(1.08) rotate(180deg);
    }

    input#menu-45:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 23px !important;
    }

    input#menu-45:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 23px !important;
    }
    input#menu-45:checked + label .menu {transform:scale(1.08) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-46">
    input#menu-46:checked + label .menu {
        transform:scale(1.23) rotate(180deg);
    }

    input#menu-46:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-46:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-46:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-47">
    input#menu-47:checked + label .menu {
        transform:scale(1.07) rotate(180deg);
    }

    input#menu-47:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-47:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-47:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-47:checked + label .menu {transform:scale(1.07) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-48">
    input#menu-48:checked + label .menu {
        transform:scale(1.03) rotate(180deg);
    }

    input#menu-48:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }

    input#menu-48:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-49">
    input#menu-49:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-49:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }

    input#menu-49:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }
    input#menu-49:checked + label .menu {transform:scale(1.1400000000000001) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-50">
    input#menu-50:checked + label .menu {
        transform:scale(1.05) rotate(0deg);
    }

    input#menu-50:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-50:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-50:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-50:checked + label .menu {transform:scale(1.05) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-51">
    input#menu-51:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-51:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-51:checked + label .menu .menu_part:nth-of-type(2) {
        left: -12px !important;
        opacity: 0;
    }

    input#menu-51:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-52">
    input#menu-52:checked + label .menu {
        transform:scale(1.12) rotate(0deg);
    }

    input#menu-52:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-52:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-52:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-53">
    input#menu-53:checked + label .menu {
        transform:scale(1.07) rotate(0deg);
    }

    input#menu-53:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-53:checked + label .menu .menu_part:nth-of-type(2) {
        left: -14px !important;
        opacity: 0;
    }

    input#menu-53:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-54">
    input#menu-54:checked + label .menu {
        transform:scale(1.03) rotate(180deg);
    }

    input#menu-54:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-54:checked + label .menu .menu_part:nth-of-type(2) {
        left: 4px !important;
        opacity: 0;
    }

    input#menu-54:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-55">
    input#menu-55:checked + label .menu {
        transform:scale(1) rotate(180deg);
    }

    input#menu-55:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-55:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-55:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (2.5px))!important;
    }
    input#menu-55:checked + label .menu {transform:scale(1) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-56">
    input#menu-56:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-56:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-56:checked + label .menu .menu_part:nth-of-type(2) {
        left: -15px !important;
        opacity: 0;
    }

    input#menu-56:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (2.5px))!important;
    }
</style><style type="text/css" class="menu-57">
    input#menu-57:checked + label .menu {
        transform:scale(1.18) rotate(0deg);
    }

    input#menu-57:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 21px !important;
    }

    input#menu-57:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 21px !important;
    }
    input#menu-57:checked + label .menu {transform:scale(1.18) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-58">
    input#menu-58:checked + label .menu {
        transform:scale(1.16) rotate(180deg);
    }

    input#menu-58:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-58:checked + label .menu .menu_part:nth-of-type(2) {
        left: -6px !important;
        opacity: 0;
    }

    input#menu-58:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (2.5px))!important;
    }
    input#menu-58:checked + label .menu {transform:scale(1.16) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-59">
    input#menu-59:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-59:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-59:checked + label .menu .menu_part:nth-of-type(2) {
        left: 7px !important;
        opacity: 0;
    }

    input#menu-59:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-60">
    input#menu-60:checked + label .menu {
        transform:scale(1.07) rotate(180deg);
    }

    input#menu-60:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-60:checked + label .menu .menu_part:nth-of-type(2) {
        left: 11px !important;
        opacity: 0;
    }

    input#menu-60:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2.5px))!important;
    }
</style><style type="text/css" class="menu-61">
    input#menu-61:checked + label .menu {
        transform:scale(1.3) rotate(0deg);
    }

    input#menu-61:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }

    input#menu-61:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }
    input#menu-61:checked + label .menu {transform:scale(1.3) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-62">
    input#menu-62:checked + label .menu {
        transform:scale(1.09) rotate(0deg);
    }

    input#menu-62:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-62:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-62:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-62:checked + label .menu {transform:scale(1.09) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-63">
    input#menu-63:checked + label .menu {
        transform:scale(1.09) rotate(180deg);
    }

    input#menu-63:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-63:checked + label .menu .menu_part:nth-of-type(2) {
        left: -4px !important;
        opacity: 0;
    }

    input#menu-63:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-63:checked + label .menu {transform:scale(1.09) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-64">
    input#menu-64:checked + label .menu {
        transform:scale(1.04) rotate(0deg);
    }

    input#menu-64:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-64:checked + label .menu .menu_part:nth-of-type(2) {
        left: 9px !important;
        opacity: 0;
    }

    input#menu-64:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-64:checked + label .menu {transform:scale(1.04) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-65">
    input#menu-65:checked + label .menu {
        transform:scale(1.05) rotate(0deg);
    }

    input#menu-65:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-65:checked + label .menu .menu_part:nth-of-type(2) {
        left: 12px !important;
        opacity: 0;
    }

    input#menu-65:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-66">
    input#menu-66:checked + label .menu {
        transform:scale(1.04) rotate(180deg);
    }

    input#menu-66:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }

    input#menu-66:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 21px !important;
    }
</style><style type="text/css" class="menu-67">
    input#menu-67:checked + label .menu {
        transform:scale(1.04) rotate(0deg);
    }

    input#menu-67:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-67:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-67:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-68">
    input#menu-68:checked + label .menu {
        transform:scale(1.23) rotate(0deg);
    }

    input#menu-68:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-68:checked + label .menu .menu_part:nth-of-type(2) {
        left: 10px !important;
        opacity: 0;
    }

    input#menu-68:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-68:checked + label .menu {transform:scale(1.23) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-69">
    input#menu-69:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-69:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-69:checked + label .menu .menu_part:nth-of-type(2) {
        left: -3px !important;
        opacity: 0;
    }

    input#menu-69:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-70">
    input#menu-70:checked + label .menu {
        transform:scale(1.09) rotate(0deg);
    }

    input#menu-70:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-70:checked + label .menu .menu_part:nth-of-type(2) {
        left: -2px !important;
        opacity: 0;
    }

    input#menu-70:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-70:checked + label .menu {transform:scale(1.09) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-71">
    input#menu-71:checked + label .menu {
        transform:scale(1.05) rotate(180deg);
    }

    input#menu-71:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }

    input#menu-71:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-72">
    input#menu-72:checked + label .menu {
        transform:scale(1.09) rotate(0deg);
    }

    input#menu-72:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 21px !important;
    }

    input#menu-72:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 21px !important;
    }
    input#menu-72:checked + label .menu {transform:scale(1.09) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-73">
    input#menu-73:checked + label .menu {
        transform:scale(1.19) rotate(0deg);
    }

    input#menu-73:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 24px !important;
    }

    input#menu-73:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 24px !important;
    }
</style><style type="text/css" class="menu-74">
    input#menu-74:checked + label .menu {
        transform:scale(1.09) rotate(180deg);
    }

    input#menu-74:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-74:checked + label .menu .menu_part:nth-of-type(2) {
        left: 14px !important;
        opacity: 0;
    }

    input#menu-74:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-75">
    input#menu-75:checked + label .menu {
        transform:scale(1.3) rotate(180deg);
    }

    input#menu-75:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-75:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-75:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-75:checked + label .menu {transform:scale(1.3) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-76">
    input#menu-76:checked + label .menu {
        transform:scale(1.11) rotate(180deg);
    }

    input#menu-76:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-76:checked + label .menu .menu_part:nth-of-type(2) {
        left: 9px !important;
        opacity: 0;
    }

    input#menu-76:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-77">
    input#menu-77:checked + label .menu {
        transform:scale(1.06) rotate(180deg);
    }

    input#menu-77:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-77:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
    input#menu-77:checked + label .menu {transform:scale(1.06) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-78">
    input#menu-78:checked + label .menu {
        transform:scale(1.06) rotate(180deg);
    }

    input#menu-78:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-78:checked + label .menu .menu_part:nth-of-type(2) {
        left: -13px !important;
        opacity: 0;
    }

    input#menu-78:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (2.5px))!important;
    }
</style><style type="text/css" class="menu-79">
    input#menu-79:checked + label .menu {
        transform:scale(1.08) rotate(180deg);
    }

    input#menu-79:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-79:checked + label .menu .menu_part:nth-of-type(2) {
        left: -10px !important;
        opacity: 0;
    }

    input#menu-79:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-79:checked + label .menu {transform:scale(1.08) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-80">
    input#menu-80:checked + label .menu {
        transform:scale(1.17) rotate(180deg);
    }

    input#menu-80:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }

    input#menu-80:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }
    input#menu-80:checked + label .menu {transform:scale(1.17) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-81">
    input#menu-81:checked + label .menu {
        transform:scale(1.01) rotate(180deg);
    }

    input#menu-81:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 19px !important;
    }

    input#menu-81:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 19px !important;
    }
    input#menu-81:checked + label .menu {transform:scale(1.01) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-82">
    input#menu-82:checked + label .menu {
        transform:scale(1.07) rotate(0deg);
    }

    input#menu-82:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-82:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
    input#menu-82:checked + label .menu {transform:scale(1.07) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-83">
    input#menu-83:checked + label .menu {
        transform:scale(1.28) rotate(0deg);
    }

    input#menu-83:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }

    input#menu-83:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-84">
    input#menu-84:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-84:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }

    input#menu-84:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }
</style><style type="text/css" class="menu-85">
    input#menu-85:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-85:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }

    input#menu-85:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }
    input#menu-85:checked + label .menu {transform:scale(1.17) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-86">
    input#menu-86:checked + label .menu {
        transform:scale(1) rotate(0deg);
    }

    input#menu-86:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 18px !important;
    }

    input#menu-86:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 18px !important;
    }
    input#menu-86:checked + label .menu {transform:scale(1) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-87">
    input#menu-87:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-87:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-87:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-87:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (2.5px))!important;
    }
</style><style type="text/css" class="menu-88">
    input#menu-88:checked + label .menu {
        transform:scale(1.11) rotate(0deg);
    }

    input#menu-88:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-88:checked + label .menu .menu_part:nth-of-type(2) {
        left: -12px !important;
        opacity: 0;
    }

    input#menu-88:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-89">
    input#menu-89:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-89:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-89:checked + label .menu .menu_part:nth-of-type(2) {
        left: -1px !important;
        opacity: 0;
    }

    input#menu-89:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-90">
    input#menu-90:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-90:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 21px !important;
    }

    input#menu-90:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 21px !important;
    }
    input#menu-90:checked + label .menu {transform:scale(1.1400000000000001) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-91">
    input#menu-91:checked + label .menu {
        transform:scale(1.17) rotate(0deg);
    }

    input#menu-91:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 18px !important;
    }

    input#menu-91:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 18px !important;
    }
</style><style type="text/css" class="menu-92">
    input#menu-92:checked + label .menu {
        transform:scale(1.13) rotate(0deg);
    }

    input#menu-92:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-92:checked + label .menu .menu_part:nth-of-type(2) {
        left: 0px !important;
        opacity: 0;
    }

    input#menu-92:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-92:checked + label .menu {transform:scale(1.13) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-93">
    input#menu-93:checked + label .menu {
        transform:scale(1.28) rotate(0deg);
    }

    input#menu-93:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 21px !important;
    }

    input#menu-93:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 21px !important;
    }
    input#menu-93:checked + label .menu {transform:scale(1.28) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-94">
    input#menu-94:checked + label .menu {
        transform:scale(1.15) rotate(180deg);
    }

    input#menu-94:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-94:checked + label .menu .menu_part:nth-of-type(2) {
        left: -12px !important;
        opacity: 0;
    }

    input#menu-94:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-94:checked + label .menu {transform:scale(1.15) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-95">
    input#menu-95:checked + label .menu {
        transform:scale(1.12) rotate(180deg);
    }

    input#menu-95:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-95:checked + label .menu .menu_part:nth-of-type(2) {
        left: 8px !important;
        opacity: 0;
    }

    input#menu-95:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-96">
    input#menu-96:checked + label .menu {
        transform:scale(1.11) rotate(180deg);
    }

    input#menu-96:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-96:checked + label .menu .menu_part:nth-of-type(2) {
        left: 12px !important;
        opacity: 0;
    }

    input#menu-96:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-96:checked + label .menu {transform:scale(1.11) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-97">
    input#menu-97:checked + label .menu {
        transform:scale(1.29) rotate(180deg);
    }

    input#menu-97:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }

    input#menu-97:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }
    input#menu-97:checked + label .menu {transform:scale(1.29) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-98">
    input#menu-98:checked + label .menu {
        transform:scale(1.22) rotate(180deg);
    }

    input#menu-98:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-98:checked + label .menu .menu_part:nth-of-type(2) {
        left: -7px !important;
        opacity: 0;
    }

    input#menu-98:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-98:checked + label .menu {transform:scale(1.22) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-99">
    input#menu-99:checked + label .menu {
        transform:scale(1.21) rotate(0deg);
    }

    input#menu-99:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 23px !important;
    }

    input#menu-99:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 23px !important;
    }
</style><style type="text/css" class="menu-100">
    input#menu-100:checked + label .menu {
        transform:scale(1) rotate(0deg);
    }

    input#menu-100:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }

    input#menu-100:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }
    input#menu-100:checked + label .menu {transform:scale(1) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-101">
    input#menu-101:checked + label .menu {
        transform:scale(1.26) rotate(180deg);
    }

    input#menu-101:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-101:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-101:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-101:checked + label .menu {transform:scale(1.26) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-102">
    input#menu-102:checked + label .menu {
        transform:scale(1.21) rotate(0deg);
    }

    input#menu-102:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }

    input#menu-102:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }
</style><style type="text/css" class="menu-103">
    input#menu-103:checked + label .menu {
        transform:scale(1.24) rotate(180deg);
    }

    input#menu-103:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-103:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
    input#menu-103:checked + label .menu {transform:scale(1.24) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-104">
    input#menu-104:checked + label .menu {
        transform:scale(1.16) rotate(0deg);
    }

    input#menu-104:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }

    input#menu-104:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-105">
    input#menu-105:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-105:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 26px !important;
    }

    input#menu-105:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 26px !important;
    }
    input#menu-105:checked + label .menu {transform:scale(1.1400000000000001) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-106">
    input#menu-106:checked + label .menu {
        transform:scale(1.01) rotate(180deg);
    }

    input#menu-106:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }

    input#menu-106:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }
    input#menu-106:checked + label .menu {transform:scale(1.01) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-107">
    input#menu-107:checked + label .menu {
        transform:scale(1.05) rotate(180deg);
    }

    input#menu-107:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-107:checked + label .menu .menu_part:nth-of-type(2) {
        left: -15px !important;
        opacity: 0;
    }

    input#menu-107:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-108">
    input#menu-108:checked + label .menu {
        transform:scale(1.17) rotate(180deg);
    }

    input#menu-108:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 24px !important;
    }

    input#menu-108:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 24px !important;
    }
    input#menu-108:checked + label .menu {transform:scale(1.17) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-109">
    input#menu-109:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-109:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-109:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
    input#menu-109:checked + label .menu {transform:scale(1.06) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-110">
    input#menu-110:checked + label .menu {
        transform:scale(1.29) rotate(0deg);
    }

    input#menu-110:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-110:checked + label .menu .menu_part:nth-of-type(2) {
        left: 18px !important;
        opacity: 0;
    }

    input#menu-110:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-111">
    input#menu-111:checked + label .menu {
        transform:scale(1.23) rotate(180deg);
    }

    input#menu-111:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-111:checked + label .menu .menu_part:nth-of-type(2) {
        left: 5px !important;
        opacity: 0;
    }

    input#menu-111:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-112">
    input#menu-112:checked + label .menu {
        transform:scale(1.29) rotate(0deg);
    }

    input#menu-112:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }

    input#menu-112:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }
    input#menu-112:checked + label .menu {transform:scale(1.29) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-113">
    input#menu-113:checked + label .menu {
        transform:scale(1.21) rotate(180deg);
    }

    input#menu-113:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-113:checked + label .menu .menu_part:nth-of-type(2) {
        left: -19px !important;
        opacity: 0;
    }

    input#menu-113:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-113:checked + label .menu {transform:scale(1.21) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-114">
    input#menu-114:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-114:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-114:checked + label .menu .menu_part:nth-of-type(2) {
        left: 3px !important;
        opacity: 0;
    }

    input#menu-114:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (2.5px))!important;
    }
    input#menu-114:checked + label .menu {transform:scale(1.28) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-115">
    input#menu-115:checked + label .menu {
        transform:scale(1.05) rotate(0deg);
    }

    input#menu-115:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 19px !important;
    }

    input#menu-115:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 19px !important;
    }
    input#menu-115:checked + label .menu {transform:scale(1.05) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-116">
    input#menu-116:checked + label .menu {
        transform:scale(1.12) rotate(0deg);
    }

    input#menu-116:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }

    input#menu-116:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }
    input#menu-116:checked + label .menu {transform:scale(1.12) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-117">
    input#menu-117:checked + label .menu {
        transform:scale(1.27) rotate(0deg);
    }

    input#menu-117:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-117:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-117:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-118">
    input#menu-118:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-118:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-118:checked + label .menu .menu_part:nth-of-type(2) {
        left: 6px !important;
        opacity: 0;
    }

    input#menu-118:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-119">
    input#menu-119:checked + label .menu {
        transform:scale(1.2) rotate(0deg);
    }

    input#menu-119:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-119:checked + label .menu .menu_part:nth-of-type(2) {
        left: -4px !important;
        opacity: 0;
    }

    input#menu-119:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2.5px))!important;
    }
</style><style type="text/css" class="menu-120">
    input#menu-120:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-120:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-120:checked + label .menu .menu_part:nth-of-type(2) {
        left: 0px !important;
        opacity: 0;
    }

    input#menu-120:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-121">
    input#menu-121:checked + label .menu {
        transform:scale(1.05) rotate(180deg);
    }

    input#menu-121:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-121:checked + label .menu .menu_part:nth-of-type(2) {
        left: 14px !important;
        opacity: 0;
    }

    input#menu-121:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-122">
    input#menu-122:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(180deg);
    }

    input#menu-122:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-122:checked + label .menu .menu_part:nth-of-type(2) {
        left: -11px !important;
        opacity: 0;
    }

    input#menu-122:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-123">
    input#menu-123:checked + label .menu {
        transform:scale(1.11) rotate(0deg);
    }

    input#menu-123:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 22px !important;
    }

    input#menu-123:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-124">
    input#menu-124:checked + label .menu {
        transform:scale(1.1) rotate(0deg);
    }

    input#menu-124:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-124:checked + label .menu .menu_part:nth-of-type(2) {
        left: -15px !important;
        opacity: 0;
    }

    input#menu-124:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-125">
    input#menu-125:checked + label .menu {
        transform:scale(1.03) rotate(0deg);
    }

    input#menu-125:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }

    input#menu-125:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }
    input#menu-125:checked + label .menu {transform:scale(1.03) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-126">
    input#menu-126:checked + label .menu {
        transform:scale(1.27) rotate(180deg);
    }

    input#menu-126:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-126:checked + label .menu .menu_part:nth-of-type(2) {
        left: 0px !important;
        opacity: 0;
    }

    input#menu-126:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (3px))!important;
    }
</style><style type="text/css" class="menu-127">
    input#menu-127:checked + label .menu {
        transform:scale(1.23) rotate(180deg);
    }

    input#menu-127:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-127:checked + label .menu .menu_part:nth-of-type(2) {
        left: 7px !important;
        opacity: 0;
    }

    input#menu-127:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-127:checked + label .menu {transform:scale(1.23) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-128">
    input#menu-128:checked + label .menu {
        transform:scale(1.01) rotate(180deg);
    }

    input#menu-128:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }

    input#menu-128:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }
    input#menu-128:checked + label .menu {transform:scale(1.01) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-129">
    input#menu-129:checked + label .menu {
        transform:scale(1.15) rotate(0deg);
    }

    input#menu-129:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }

    input#menu-129:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }
</style><style type="text/css" class="menu-130">
    input#menu-130:checked + label .menu {
        transform:scale(1.23) rotate(0deg);
    }

    input#menu-130:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-130:checked + label .menu .menu_part:nth-of-type(2) {
        left: 5px !important;
        opacity: 0;
    }

    input#menu-130:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (3px))!important;
    }
    input#menu-130:checked + label .menu {transform:scale(1.23) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-131">
    input#menu-131:checked + label .menu {
        transform:scale(1.02) rotate(180deg);
    }

    input#menu-131:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-131:checked + label .menu .menu_part:nth-of-type(2) {
        left: 0px !important;
        opacity: 0;
    }

    input#menu-131:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (3px))!important;
    }
</style><style type="text/css" class="menu-132">
    input#menu-132:checked + label .menu {
        transform:scale(1.04) rotate(180deg);
    }

    input#menu-132:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }

    input#menu-132:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-133">
    input#menu-133:checked + label .menu {
        transform:scale(1.08) rotate(0deg);
    }

    input#menu-133:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 18px !important;
    }

    input#menu-133:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 18px !important;
    }
</style><style type="text/css" class="menu-134">
    input#menu-134:checked + label .menu {
        transform:scale(1.04) rotate(0deg);
    }

    input#menu-134:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-134:checked + label .menu .menu_part:nth-of-type(2) {
        left: -6px !important;
        opacity: 0;
    }

    input#menu-134:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-135">
    input#menu-135:checked + label .menu {
        transform:scale(1.3) rotate(0deg);
    }

    input#menu-135:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-135:checked + label .menu .menu_part:nth-of-type(2) {
        left: -7px !important;
        opacity: 0;
    }

    input#menu-135:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-136">
    input#menu-136:checked + label .menu {
        transform:scale(1.19) rotate(0deg);
    }

    input#menu-136:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 25px !important;
    }

    input#menu-136:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 25px !important;
    }
    input#menu-136:checked + label .menu {transform:scale(1.19) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-137">
    input#menu-137:checked + label .menu {
        transform:scale(1.27) rotate(0deg);
    }

    input#menu-137:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-137:checked + label .menu .menu_part:nth-of-type(2) {
        left: 6px !important;
        opacity: 0;
    }

    input#menu-137:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-137:checked + label .menu {transform:scale(1.27) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-138">
    input#menu-138:checked + label .menu {
        transform:scale(1.1) rotate(180deg);
    }

    input#menu-138:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 24px !important;
    }

    input#menu-138:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 24px !important;
    }
</style><style type="text/css" class="menu-139">
    input#menu-139:checked + label .menu {
        transform:scale(1.18) rotate(180deg);
    }

    input#menu-139:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-139:checked + label .menu .menu_part:nth-of-type(2) {
        left: 11px !important;
        opacity: 0;
    }

    input#menu-139:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-140">
    input#menu-140:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-140:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }

    input#menu-140:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }
</style><style type="text/css" class="menu-141">
    input#menu-141:checked + label .menu {
        transform:scale(1.2) rotate(180deg);
    }

    input#menu-141:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 22px !important;
    }

    input#menu-141:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-142">
    input#menu-142:checked + label .menu {
        transform:scale(1.28) rotate(0deg);
    }

    input#menu-142:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 24px !important;
    }

    input#menu-142:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 24px !important;
    }
</style><style type="text/css" class="menu-143">
    input#menu-143:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-143:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }

    input#menu-143:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }
</style><style type="text/css" class="menu-144">
    input#menu-144:checked + label .menu {
        transform:scale(1.13) rotate(0deg);
    }

    input#menu-144:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-144:checked + label .menu .menu_part:nth-of-type(2) {
        left: 6px !important;
        opacity: 0;
    }

    input#menu-144:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-145">
    input#menu-145:checked + label .menu {
        transform:scale(1.02) rotate(180deg);
    }

    input#menu-145:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-145:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-145:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (2.5px))!important;
    }
    input#menu-145:checked + label .menu {transform:scale(1.02) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-146">
    input#menu-146:checked + label .menu {
        transform:scale(1.1) rotate(180deg);
    }

    input#menu-146:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-146:checked + label .menu .menu_part:nth-of-type(2) {
        left: -10px !important;
        opacity: 0;
    }

    input#menu-146:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-146:checked + label .menu {transform:scale(1.1) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-147">
    input#menu-147:checked + label .menu {
        transform:scale(1.26) rotate(180deg);
    }

    input#menu-147:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 22px !important;
    }

    input#menu-147:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-148">
    input#menu-148:checked + label .menu {
        transform:scale(1.01) rotate(180deg);
    }

    input#menu-148:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }

    input#menu-148:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-149">
    input#menu-149:checked + label .menu {
        transform:scale(1.02) rotate(0deg);
    }

    input#menu-149:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-149:checked + label .menu .menu_part:nth-of-type(2) {
        left: 13px !important;
        opacity: 0;
    }

    input#menu-149:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (2.5px))!important;
    }
    input#menu-149:checked + label .menu {transform:scale(1.02) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-150">
    input#menu-150:checked + label .menu {
        transform:scale(1) rotate(0deg);
    }

    input#menu-150:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-150:checked + label .menu .menu_part:nth-of-type(2) {
        left: -8px !important;
        opacity: 0;
    }

    input#menu-150:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-151">
    input#menu-151:checked + label .menu {
        transform:scale(1.27) rotate(0deg);
    }

    input#menu-151:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 26px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-151:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-151:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 26px!important;
        top: calc(50% - (3px))!important;
    }
</style><style type="text/css" class="menu-152">
    input#menu-152:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-152:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-152:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-152:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-153">
    input#menu-153:checked + label .menu {
        transform:scale(1.11) rotate(0deg);
    }

    input#menu-153:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-153:checked + label .menu .menu_part:nth-of-type(2) {
        left: 7px !important;
        opacity: 0;
    }

    input#menu-153:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-153:checked + label .menu {transform:scale(1.11) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-154">
    input#menu-154:checked + label .menu {
        transform:scale(1.25) rotate(0deg);
    }

    input#menu-154:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 25px !important;
    }

    input#menu-154:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 25px !important;
    }
</style><style type="text/css" class="menu-155">
    input#menu-155:checked + label .menu {
        transform:scale(1.01) rotate(180deg);
    }

    input#menu-155:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 19px !important;
    }

    input#menu-155:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 19px !important;
    }
    input#menu-155:checked + label .menu {transform:scale(1.01) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-156">
    input#menu-156:checked + label .menu {
        transform:scale(1.06) rotate(0deg);
    }

    input#menu-156:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }

    input#menu-156:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-157">
    input#menu-157:checked + label .menu {
        transform:scale(1.08) rotate(180deg);
    }

    input#menu-157:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 19px !important;
    }

    input#menu-157:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 19px !important;
    }
</style><style type="text/css" class="menu-158">
    input#menu-158:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-158:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }

    input#menu-158:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 18px !important;
    }
    input#menu-158:checked + label .menu {transform:scale(1.28) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-159">
    input#menu-159:checked + label .menu {
        transform:scale(1.11) rotate(0deg);
    }

    input#menu-159:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 18px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-159:checked + label .menu .menu_part:nth-of-type(2) {
        left: -13px !important;
        opacity: 0;
    }

    input#menu-159:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 18px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-160">
    input#menu-160:checked + label .menu {
        transform:scale(1.3) rotate(0deg);
    }

    input#menu-160:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 23px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-160:checked + label .menu .menu_part:nth-of-type(2) {
        left: -8px !important;
        opacity: 0;
    }

    input#menu-160:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 23px!important;
        top: calc(50% - (1px))!important;
    }
</style><style type="text/css" class="menu-161">
    input#menu-161:checked + label .menu {
        transform:scale(1.17) rotate(180deg);
    }

    input#menu-161:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 25px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-161:checked + label .menu .menu_part:nth-of-type(2) {
        left: 1px !important;
        opacity: 0;
    }

    input#menu-161:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 25px!important;
        top: calc(50% - (3px))!important;
    }
    input#menu-161:checked + label .menu {transform:scale(1.17) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-162">
    input#menu-162:checked + label .menu {
        transform:scale(1.2) rotate(180deg);
    }

    input#menu-162:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-162:checked + label .menu .menu_part:nth-of-type(2) {
        left: 5px !important;
        opacity: 0;
    }

    input#menu-162:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-163">
    input#menu-163:checked + label .menu {
        transform:scale(1.26) rotate(0deg);
    }

    input#menu-163:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }

    input#menu-163:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }
    input#menu-163:checked + label .menu {transform:scale(1.26) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-164">
    input#menu-164:checked + label .menu {
        transform:scale(1.26) rotate(180deg);
    }

    input#menu-164:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 20px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-164:checked + label .menu .menu_part:nth-of-type(2) {
        left: -4px !important;
        opacity: 0;
    }

    input#menu-164:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 20px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-164:checked + label .menu {transform:scale(1.26) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-165">
    input#menu-165:checked + label .menu {
        transform:scale(1.1) rotate(0deg);
    }

    input#menu-165:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }

    input#menu-165:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1.5px))!important;
        width: 26px !important;
    }
    input#menu-165:checked + label .menu {transform:scale(1.1) rotate(0deg); border: 2px solid black;}</style><style type="text/css" class="menu-166">
    input#menu-166:checked + label .menu {
        transform:scale(1.11) rotate(180deg);
    }

    input#menu-166:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }

    input#menu-166:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 22px !important;
    }
</style><style type="text/css" class="menu-167">
    input#menu-167:checked + label .menu {
        transform:scale(1.04) rotate(0deg);
    }

    input#menu-167:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 22px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-167:checked + label .menu .menu_part:nth-of-type(2) {
        left: 4px !important;
        opacity: 0;
    }

    input#menu-167:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 22px!important;
        top: calc(50% - (3px))!important;
    }
</style><style type="text/css" class="menu-168">
    input#menu-168:checked + label .menu {
        transform:scale(1.13) rotate(180deg);
    }

    input#menu-168:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (3px))!important;
    }

    input#menu-168:checked + label .menu .menu_part:nth-of-type(2) {
        left: -2px !important;
        opacity: 0;
    }

    input#menu-168:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (3px))!important;
    }
    input#menu-168:checked + label .menu {transform:scale(1.13) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-169">
    input#menu-169:checked + label .menu {
        transform:scale(1.08) rotate(0deg);
    }

    input#menu-169:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-169:checked + label .menu .menu_part:nth-of-type(2) {
        left: 2px !important;
        opacity: 0;
    }

    input#menu-169:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (2px))!important;
    }
</style><style type="text/css" class="menu-170">
    input#menu-170:checked + label .menu {
        transform:scale(1.16) rotate(180deg);
    }

    input#menu-170:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2px))!important;
    }

    input#menu-170:checked + label .menu .menu_part:nth-of-type(2) {
        left: 10px !important;
        opacity: 0;
    }

    input#menu-170:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2px))!important;
    }
    input#menu-170:checked + label .menu {transform:scale(1.16) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-171">
    input#menu-171:checked + label .menu {
        transform:scale(1.1400000000000001) rotate(0deg);
    }

    input#menu-171:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 24px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-171:checked + label .menu .menu_part:nth-of-type(2) {
        left: 3px !important;
        opacity: 0;
    }

    input#menu-171:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 24px!important;
        top: calc(50% - (1.5px))!important;
    }
</style><style type="text/css" class="menu-172">
    input#menu-172:checked + label .menu {
        transform:scale(1.19) rotate(0deg);
    }

    input#menu-172:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (2.5px))!important;
    }

    input#menu-172:checked + label .menu .menu_part:nth-of-type(2) {
        left: -9px !important;
        opacity: 0;
    }

    input#menu-172:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (2.5px))!important;
    }
</style><style type="text/css" class="menu-173">
    input#menu-173:checked + label .menu {
        transform:scale(1.17) rotate(180deg);
    }

    input#menu-173:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }

    input#menu-173:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-174">
    input#menu-174:checked + label .menu {
        transform:scale(1.26) rotate(180deg);
    }

    input#menu-174:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 21px !important;
        top: calc(50% - (1px))!important;
    }

    input#menu-174:checked + label .menu .menu_part:nth-of-type(2) {
        left: -3px !important;
        opacity: 0;
    }

    input#menu-174:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 21px!important;
        top: calc(50% - (1px))!important;
    }
    input#menu-174:checked + label .menu {transform:scale(1.26) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-175">
    input#menu-175:checked + label .menu {
        transform:scale(1.04) rotate(180deg);
    }

    input#menu-175:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(225deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }

    input#menu-175:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-225deg);
        top: calc(50% - (1px))!important;
        width: 25px !important;
    }
    input#menu-175:checked + label .menu {transform:scale(1.04) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-176">
    input#menu-176:checked + label .menu {
        transform:scale(1.28) rotate(180deg);
    }

    input#menu-176:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }

    input#menu-176:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1px))!important;
        width: 23px !important;
    }
    input#menu-176:checked + label .menu {transform:scale(1.28) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-177">
    input#menu-177:checked + label .menu {
        transform:scale(1.07) rotate(180deg);
    }

    input#menu-177:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (2px))!important;
        width: 26px !important;
    }

    input#menu-177:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (2px))!important;
        width: 26px !important;
    }
    input#menu-177:checked + label .menu {transform:scale(1.07) rotate(180deg); border: 2px solid black;}</style><style type="text/css" class="menu-178">
    input#menu-178:checked + label .menu {
        transform:scale(1.13) rotate(0deg);
    }

    input#menu-178:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        top: calc(50% - (1.5px))!important;
        width: 20px !important;
    }

    input#menu-178:checked + label .menu .menu_part:nth-of-type(2) {
        transform: rotate(-45deg);
        top: calc(50% - (1.5px))!important;
        width: 20px !important;
    }
</style><style type="text/css" class="menu-179">
    input#menu-179:checked + label .menu {
        transform:scale(1.24) rotate(180deg);
    }

    input#menu-179:checked + label .menu .menu_part:nth-of-type(1) {
        transform: rotate(45deg);
        width: 19px !important;
        top: calc(50% - (1.5px))!important;
    }

    input#menu-179:checked + label .menu .menu_part:nth-of-type(2) {
        left: -8px !important;
        opacity: 0;
    }

    input#menu-179:checked + label .menu .menu_part:nth-of-type(3) {
        transform: rotate(-45deg);
        width: 19px!important;
        top: calc(50% - (1.5px))!important;
    }
    input#menu-179:checked + label .menu {transform:scale(1.24) rotate(180deg); border: 2px solid black;}</style></head>

<body translate="no">
<div class="grid"><div class="grid_item"><span>.01</span><i class="fa fa-code" data-index="0"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-0" type="checkbox" style="display: none"><label for="menu-0"><div class="menu" style="transition: all 0.39s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.39s cubic-bezier(0.4, 0, 0.3, 1);
width:23;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.39s cubic-bezier(0.4, 0, 0.3, 1);
width:23;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.39s cubic-bezier(0.4, 0, 0.3, 1);
width:23;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.02</span><i class="fa fa-code" data-index="1"></i><div class="grid_item__inner" style="width:43px; height: 24px; "><input id="menu-1" type="checkbox" style="display: none"><label for="menu-1"><div class="menu" style="transition: all 0.24s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.3, 1.5);
width:23;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.3, 1.5);
width:23;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.3, 1.5);
width:23;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.03</span><i class="fa fa-code" data-index="2"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-2" type="checkbox" style="display: none"><label for="menu-2"><div class="menu" style="transition: all 0.32s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.32s cubic-bezier(0.6, 0, 0.2, 0.9);
width: 20px;
top: calc(50% - ((4px)) + -2px);
"></div><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.32s cubic-bezier(0.6, 0, 0.2, 0.9);
width: 14px;
top: calc(50% - ((4px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.04</span><i class="fa fa-code" data-index="3"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-3" type="checkbox" style="display: none"><label for="menu-3"><div class="menu" style="transition: all 0.14s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.14s cubic-bezier(0.6, 0.1, 0.2, 1.2);
width: 21px;
top: calc(50% - ((7px)) + -1px);
"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.14s cubic-bezier(0.6, 0.1, 0.2, 1.2);
width: 15px;
top: calc(50% - ((7px)) + 4px);
"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.14s cubic-bezier(0.6, 0.1, 0.2, 1.2);
width: 9px;
top: calc(50% - ((7px)) + 9px);
"></div></div></label></div></div><div class="grid_item"><span>.05</span><i class="fa fa-code" data-index="4"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-4" type="checkbox" style="display: none"><label for="menu-4"><div class="menu" style="transition: all 0.42s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.42s cubic-bezier(0.4, 0, 0.1, 1.3);
width: 22px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.42s cubic-bezier(0.4, 0, 0.1, 1.3);
width: 16px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.06</span><i class="fa fa-code" data-index="5"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-5" type="checkbox" style="display: none"><label for="menu-5"><div class="menu" style="transition: all 0.13s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.13s cubic-bezier(0.5, 0.1, 0.3, 1.9);
width:22;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.13s cubic-bezier(0.5, 0.1, 0.3, 1.9);
width:22;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.13s cubic-bezier(0.5, 0.1, 0.3, 1.9);
width:22;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.07</span><i class="fa fa-code" data-index="6"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-6" type="checkbox" style="display: none"><label for="menu-6"><div class="menu" style="transition: all 0.24s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.6, 0.1, 0.2, 1.1);
width:20;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.6, 0.1, 0.2, 1.1);
width:20;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.6, 0.1, 0.2, 1.1);
width:20;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.08</span><i class="fa fa-code" data-index="7"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-7" type="checkbox" style="display: none"><label for="menu-7"><div class="menu" style="transition: all 0.12s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.1, 1.1);
width: 22px;
top: calc(50% - ((4px)) + -1px);
"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.1, 1.1);
width: 16px;
top: calc(50% - ((4px)) + 2px);
"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.1, 1.1);
width: 10px;
top: calc(50% - ((4px)) + 5px);
"></div></div></label></div></div><div class="grid_item"><span>.09</span><i class="fa fa-code" data-index="8"></i><div class="grid_item__inner" style="width:40px; height: 25px; "><input id="menu-8" type="checkbox" style="display: none"><label for="menu-8"><div class="menu" style="transition: all 0.32s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.32s cubic-bezier(0.8, 0, 0.1, 2);
width:20;top: calc(50% - ((10.5px)) + -3px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.32s cubic-bezier(0.8, 0, 0.1, 2);
width:20;top: calc(50% - ((10.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.32s cubic-bezier(0.8, 0, 0.1, 2);
width:20;top: calc(50% - ((10.5px)) + 13px);"></div></div></label></div></div><div class="grid_item"><span>.010</span><i class="fa fa-code" data-index="9"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-9" type="checkbox" style="display: none"><label for="menu-9"><div class="menu" style="transition: all 0.58s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.58s cubic-bezier(0.6, 0, 0.4, 2);
width:22;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.58s cubic-bezier(0.6, 0, 0.4, 2);
width:22;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.58s cubic-bezier(0.6, 0, 0.4, 2);
width:22;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.011</span><i class="fa fa-code" data-index="10"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-10" type="checkbox" style="display: none"><label for="menu-10"><div class="menu" style="transition: all 0.17s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.7, 0.1, 0.1, 1.4);
width: 25px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.7, 0.1, 0.1, 1.4);
width: 19px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.7, 0.1, 0.1, 1.4);
width: 13px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.012</span><i class="fa fa-code" data-index="11"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-11" type="checkbox" style="display: none"><label for="menu-11"><div class="menu" style="transition: all 0.27s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.6, 0, 0.4, 1);
width: 20px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.6, 0, 0.4, 1);
width: 14px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.6, 0, 0.4, 1);
width: 8px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.013</span><i class="fa fa-code" data-index="12"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-12" type="checkbox" style="display: none"><label for="menu-12"><div class="menu" style="transition: all 0.5s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.5s cubic-bezier(0.8, 0.1, 0.2, 1.6);
width:23;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.5s cubic-bezier(0.8, 0.1, 0.2, 1.6);
width:23;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.014</span><i class="fa fa-code" data-index="13"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-13" type="checkbox" style="display: none"><label for="menu-13"><div class="menu" style="transition: all 0.52s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.52s cubic-bezier(0.4, 0.1, 0.2, 1.3);
width: 19px;
top: calc(50% - ((5.5px)) + -1px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.52s cubic-bezier(0.4, 0.1, 0.2, 1.3);
width: 13px;
top: calc(50% - ((5.5px)) + 3px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.52s cubic-bezier(0.4, 0.1, 0.2, 1.3);
width: 7px;
top: calc(50% - ((5.5px)) + 7px);
"></div></div></label></div></div><div class="grid_item"><span>.015</span><i class="fa fa-code" data-index="14"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-14" type="checkbox" style="display: none"><label for="menu-14"><div class="menu" style="transition: all 0.23s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.23s cubic-bezier(0.7, 0.1, 0, 1.9);
width: 21px;
top: calc(50% - ((4px)) + -2px);
"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.23s cubic-bezier(0.7, 0.1, 0, 1.9);
width: 15px;
top: calc(50% - ((4px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.016</span><i class="fa fa-code" data-index="15"></i><div class="grid_item__inner" style="width:40px; height: 26px; "><input id="menu-15" type="checkbox" style="display: none"><label for="menu-15"><div class="menu" style="transition: all 0.17s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.17s cubic-bezier(0.6, 0, 0.1, 1.8);
width:20;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.17s cubic-bezier(0.6, 0, 0.1, 1.8);
width:20;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.17s cubic-bezier(0.6, 0, 0.1, 1.8);
width:20;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.017</span><i class="fa fa-code" data-index="16"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-16" type="checkbox" style="display: none"><label for="menu-16"><div class="menu" style="transition: all 0.13s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.4, 0, 0.3, 1.6);
width:18;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.4, 0, 0.3, 1.6);
width:18;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.018</span><i class="fa fa-code" data-index="17"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-17" type="checkbox" style="display: none"><label for="menu-17"><div class="menu" style="transition: all 0.15s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.4, 0.1, 0.4, 0.9);
width:21;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.4, 0.1, 0.4, 0.9);
width:21;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.019</span><i class="fa fa-code" data-index="18"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-18" type="checkbox" style="display: none"><label for="menu-18"><div class="menu" style="transition: all 0.46s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.46s cubic-bezier(0.8, 0, 0, 1.9);
width:23;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.46s cubic-bezier(0.8, 0, 0, 1.9);
width:23;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.46s cubic-bezier(0.8, 0, 0, 1.9);
width:23;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.020</span><i class="fa fa-code" data-index="19"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-19" type="checkbox" style="display: none"><label for="menu-19"><div class="menu" style="transition: all 0.35s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.35s cubic-bezier(0.5, 0, 0.3, 1.1);
width:18;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 18px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.35s cubic-bezier(0.5, 0, 0.3, 1.1);
width:18;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.021</span><i class="fa fa-code" data-index="20"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-20" type="checkbox" style="display: none"><label for="menu-20"><div class="menu" style="transition: all 0.21s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.21s cubic-bezier(0.5, 0, 0, 1.2);
width:24;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.21s cubic-bezier(0.5, 0, 0, 1.2);
width:24;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.022</span><i class="fa fa-code" data-index="21"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-21" type="checkbox" style="display: none"><label for="menu-21"><div class="menu" style="transition: all 0.57s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.57s cubic-bezier(0.8, 0.1, 0, 1.2);
width: 22px;
top: calc(50% - ((4.5px)) + -1px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.57s cubic-bezier(0.8, 0.1, 0, 1.2);
width: 16px;
top: calc(50% - ((4.5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.023</span><i class="fa fa-code" data-index="22"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-22" type="checkbox" style="display: none"><label for="menu-22"><div class="menu" style="transition: all 0.22s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.22s cubic-bezier(0.7, 0.1, 0.1, 1);
width:18;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.22s cubic-bezier(0.7, 0.1, 0.1, 1);
width:18;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.024</span><i class="fa fa-code" data-index="23"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-23" type="checkbox" style="display: none"><label for="menu-23"><div class="menu" style="transition: all 0.44s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.44s cubic-bezier(0.8, 0.1, 0.3, 1.4);
width: 25px;
top: calc(50% - ((3px)) + -2px);
"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.44s cubic-bezier(0.8, 0.1, 0.3, 1.4);
width: 19px;
top: calc(50% - ((3px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.025</span><i class="fa fa-code" data-index="24"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-24" type="checkbox" style="display: none"><label for="menu-24"><div class="menu" style="transition: all 0.2s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.2s cubic-bezier(0.8, 0.1, 0.4, 1.5);
width:18;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.2s cubic-bezier(0.8, 0.1, 0.4, 1.5);
width:18;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.2s cubic-bezier(0.8, 0.1, 0.4, 1.5);
width:18;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.026</span><i class="fa fa-code" data-index="25"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-25" type="checkbox" style="display: none"><label for="menu-25"><div class="menu" style="transition: all 0.29s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.29s cubic-bezier(0.8, 0, 0, 1.5);
width: 18px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.29s cubic-bezier(0.8, 0, 0, 1.5);
width: 12px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.027</span><i class="fa fa-code" data-index="26"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-26" type="checkbox" style="display: none"><label for="menu-26"><div class="menu" style="transition: all 0.1s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.8, 0, 0, 0.8);
width:23;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 23px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.8, 0, 0, 0.8);
width:23;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.028</span><i class="fa fa-code" data-index="27"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-27" type="checkbox" style="display: none"><label for="menu-27"><div class="menu" style="transition: all 0.13s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.13s cubic-bezier(0.7, 0, 0.1, 0.9);
width: 18px;
top: calc(50% - ((5.5px)) + -1px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.13s cubic-bezier(0.7, 0, 0.1, 0.9);
width: 12px;
top: calc(50% - ((5.5px)) + 3px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.13s cubic-bezier(0.7, 0, 0.1, 0.9);
width: 6px;
top: calc(50% - ((5.5px)) + 7px);
"></div></div></label></div></div><div class="grid_item"><span>.029</span><i class="fa fa-code" data-index="28"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-28" type="checkbox" style="display: none"><label for="menu-28"><div class="menu" style="transition: all 0.45s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0, 1.5);
width: 22px;
top: calc(50% - ((4px)) + -1px);
"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0, 1.5);
width: 16px;
top: calc(50% - ((4px)) + 2px);
"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0, 1.5);
width: 10px;
top: calc(50% - ((4px)) + 5px);
"></div></div></label></div></div><div class="grid_item"><span>.030</span><i class="fa fa-code" data-index="29"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-29" type="checkbox" style="display: none"><label for="menu-29"><div class="menu" style="transition: all 0.42s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.42s cubic-bezier(0.6, 0.1, 0.1, 1.5);
width:21;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.42s cubic-bezier(0.6, 0.1, 0.1, 1.5);
width:21;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.031</span><i class="fa fa-code" data-index="30"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-30" type="checkbox" style="display: none"><label for="menu-30"><div class="menu" style="transition: all 0.16s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0.2, 1.2);
width:22;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0.2, 1.2);
width:22;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0.2, 1.2);
width:22;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.032</span><i class="fa fa-code" data-index="31"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-31" type="checkbox" style="display: none"><label for="menu-31"><div class="menu" style="transition: all 0.55s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.55s cubic-bezier(0.8, 0.1, 0.4, 0.9);
width:24;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.55s cubic-bezier(0.8, 0.1, 0.4, 0.9);
width:24;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.55s cubic-bezier(0.8, 0.1, 0.4, 0.9);
width:24;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.033</span><i class="fa fa-code" data-index="32"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-32" type="checkbox" style="display: none"><label for="menu-32"><div class="menu" style="transition: all 0.28s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.28s cubic-bezier(0.4, 0.1, 0.1, 1.6);
width:25;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.28s cubic-bezier(0.4, 0.1, 0.1, 1.6);
width:25;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.034</span><i class="fa fa-code" data-index="33"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-33" type="checkbox" style="display: none"><label for="menu-33"><div class="menu" style="transition: all 0.27s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.4, 0.1, 0.1, 1.1);
width:24;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.4, 0.1, 0.1, 1.1);
width:24;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.4, 0.1, 0.1, 1.1);
width:24;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.035</span><i class="fa fa-code" data-index="34"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-34" type="checkbox" style="display: none"><label for="menu-34"><div class="menu" style="transition: all 0.36s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.36s cubic-bezier(0.6, 0.1, 0.1, 1.3);
width:25;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.36s cubic-bezier(0.6, 0.1, 0.1, 1.3);
width:25;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.36s cubic-bezier(0.6, 0.1, 0.1, 1.3);
width:25;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.036</span><i class="fa fa-code" data-index="35"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-35" type="checkbox" style="display: none"><label for="menu-35"><div class="menu" style="transition: all 0.32s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.32s cubic-bezier(0.7, 0.1, 0.3, 1.3);
width: 21px;
top: calc(50% - ((4.5px)) + -1px);
"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.32s cubic-bezier(0.7, 0.1, 0.3, 1.3);
width: 15px;
top: calc(50% - ((4.5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.037</span><i class="fa fa-code" data-index="36"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-36" type="checkbox" style="display: none"><label for="menu-36"><div class="menu" style="transition: all 0.41s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.41s cubic-bezier(0.7, 0.1, 0.2, 1.4);
width:18;top: calc(50% - ((6.5px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.41s cubic-bezier(0.7, 0.1, 0.2, 1.4);
width:18;top: calc(50% - ((6.5px)) + 3px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.41s cubic-bezier(0.7, 0.1, 0.2, 1.4);
width:18;top: calc(50% - ((6.5px)) + 8px);"></div></div></label></div></div><div class="grid_item"><span>.038</span><i class="fa fa-code" data-index="37"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-37" type="checkbox" style="display: none"><label for="menu-37"><div class="menu" style="transition: all 0.25s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.25s cubic-bezier(0.7, 0.1, 0.2, 1.6);
width:24;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.25s cubic-bezier(0.7, 0.1, 0.2, 1.6);
width:24;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.25s cubic-bezier(0.7, 0.1, 0.2, 1.6);
width:24;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.039</span><i class="fa fa-code" data-index="38"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-38" type="checkbox" style="display: none"><label for="menu-38"><div class="menu" style="transition: all 0.22s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.22s cubic-bezier(0.6, 0.1, 0, 1.9);
width:26;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.22s cubic-bezier(0.6, 0.1, 0, 1.9);
width:26;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.22s cubic-bezier(0.6, 0.1, 0, 1.9);
width:26;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.040</span><i class="fa fa-code" data-index="39"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-39" type="checkbox" style="display: none"><label for="menu-39"><div class="menu" style="transition: all 0.42s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.42s cubic-bezier(0.6, 0.1, 0, 0.8);
width:21;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.42s cubic-bezier(0.6, 0.1, 0, 0.8);
width:21;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.42s cubic-bezier(0.6, 0.1, 0, 0.8);
width:21;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.041</span><i class="fa fa-code" data-index="40"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-40" type="checkbox" style="display: none"><label for="menu-40"><div class="menu" style="transition: all 0.12s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.12s cubic-bezier(0.7, 0.1, 0.4, 1.8);
width:24;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.12s cubic-bezier(0.7, 0.1, 0.4, 1.8);
width:24;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.042</span><i class="fa fa-code" data-index="41"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-41" type="checkbox" style="display: none"><label for="menu-41"><div class="menu" style="transition: all 0.34s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.34s cubic-bezier(0.6, 0.1, 0.1, 1.6);
width: 25px;
top: calc(50% - ((4.5px)) + -1px);
"></div><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.34s cubic-bezier(0.6, 0.1, 0.1, 1.6);
width: 19px;
top: calc(50% - ((4.5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.043</span><i class="fa fa-code" data-index="42"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-42" type="checkbox" style="display: none"><label for="menu-42"><div class="menu" style="transition: all 0.45s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.6, 0, 0.2, 2);
width:22;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.6, 0, 0.2, 2);
width:22;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.044</span><i class="fa fa-code" data-index="43"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-43" type="checkbox" style="display: none"><label for="menu-43"><div class="menu" style="transition: all 0.15s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.6, 0, 0.4, 1.2);
width: 23px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.6, 0, 0.4, 1.2);
width: 17px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.6, 0, 0.4, 1.2);
width: 11px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.045</span><i class="fa fa-code" data-index="44"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-44" type="checkbox" style="display: none"><label for="menu-44"><div class="menu" style="transition: all 0.12s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.12s cubic-bezier(0.6, 0.1, 0.1, 1.7);
width:22;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.12s cubic-bezier(0.6, 0.1, 0.1, 1.7);
width:22;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.12s cubic-bezier(0.6, 0.1, 0.1, 1.7);
width:22;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.046</span><i class="fa fa-code" data-index="45"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-45" type="checkbox" style="display: none"><label for="menu-45"><div class="menu" style="transition: all 0.1s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.6, 0.1, 0.3, 1.8);
width: 23px;
top: calc(50% - ((3.5px)) + -1px);
"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.6, 0.1, 0.3, 1.8);
width: 17px;
top: calc(50% - ((3.5px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.047</span><i class="fa fa-code" data-index="46"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-46" type="checkbox" style="display: none"><label for="menu-46"><div class="menu" style="transition: all 0.21s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.21s cubic-bezier(0.5, 0.1, 0.4, 0.8);
width:26;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.21s cubic-bezier(0.5, 0.1, 0.4, 0.8);
width:26;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.21s cubic-bezier(0.5, 0.1, 0.4, 0.8);
width:26;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.048</span><i class="fa fa-code" data-index="47"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-47" type="checkbox" style="display: none"><label for="menu-47"><div class="menu" style="transition: all 0.3s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.6, 0.1, 0.4, 1.1);
width:18;top: calc(50% - ((6.5px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.6, 0.1, 0.4, 1.1);
width:18;top: calc(50% - ((6.5px)) + 3px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.6, 0.1, 0.4, 1.1);
width:18;top: calc(50% - ((6.5px)) + 8px);"></div></div></label></div></div><div class="grid_item"><span>.049</span><i class="fa fa-code" data-index="48"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-48" type="checkbox" style="display: none"><label for="menu-48"><div class="menu" style="transition: all 0.31s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.31s cubic-bezier(0.6, 0.1, 0, 1.7);
width:20;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.31s cubic-bezier(0.6, 0.1, 0, 1.7);
width:20;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.050</span><i class="fa fa-code" data-index="49"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-49" type="checkbox" style="display: none"><label for="menu-49"><div class="menu" style="transition: all 0.55s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.55s cubic-bezier(0.6, 0, 0, 1.5);
width: 26px;
top: calc(50% - ((3.5px)) + -1px);
"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.55s cubic-bezier(0.6, 0, 0, 1.5);
width: 20px;
top: calc(50% - ((3.5px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.051</span><i class="fa fa-code" data-index="50"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-50" type="checkbox" style="display: none"><label for="menu-50"><div class="menu" style="transition: all 0.13s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.6, 0, 0.3, 1.7);
width:18;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.6, 0, 0.3, 1.7);
width:18;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 18px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.6, 0, 0.3, 1.7);
width:18;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.052</span><i class="fa fa-code" data-index="51"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-51" type="checkbox" style="display: none"><label for="menu-51"><div class="menu" style="transition: all 0.44s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.5, 0, 0, 1.3);
width:19;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.5, 0, 0, 1.3);
width:19;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.5, 0, 0, 1.3);
width:19;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.053</span><i class="fa fa-code" data-index="52"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-52" type="checkbox" style="display: none"><label for="menu-52"><div class="menu" style="transition: all 0.39s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.39s cubic-bezier(0.4, 0.1, 0.4, 1.8);
width:19;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.39s cubic-bezier(0.4, 0.1, 0.4, 1.8);
width:19;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.39s cubic-bezier(0.4, 0.1, 0.4, 1.8);
width:19;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.054</span><i class="fa fa-code" data-index="53"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-53" type="checkbox" style="display: none"><label for="menu-53"><div class="menu" style="transition: all 0.17s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.17s cubic-bezier(0.6, 0.1, 0, 1);
width: 18px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.17s cubic-bezier(0.6, 0.1, 0, 1);
width: 12px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.17s cubic-bezier(0.6, 0.1, 0, 1);
width: 6px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.055</span><i class="fa fa-code" data-index="54"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-54" type="checkbox" style="display: none"><label for="menu-54"><div class="menu" style="transition: all 0.48s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.48s cubic-bezier(0.5, 0, 0.2, 0.9);
width:24;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.48s cubic-bezier(0.5, 0, 0.2, 0.9);
width:24;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.48s cubic-bezier(0.5, 0, 0.2, 0.9);
width:24;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.056</span><i class="fa fa-code" data-index="55"></i><div class="grid_item__inner" style="width:42px; height: 25px; "><input id="menu-55" type="checkbox" style="display: none"><label for="menu-55"><div class="menu" style="transition: all 0.32s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.32s cubic-bezier(0.4, 0, 0.4, 1.1);
width:22;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.32s cubic-bezier(0.4, 0, 0.4, 1.1);
width:22;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.32s cubic-bezier(0.4, 0, 0.4, 1.1);
width:22;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.057</span><i class="fa fa-code" data-index="56"></i><div class="grid_item__inner" style="width:46px; height: 25px; "><input id="menu-56" type="checkbox" style="display: none"><label for="menu-56"><div class="menu" style="transition: all 0.15s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.15s cubic-bezier(0.4, 0, 0, 1.3);
width:26;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.15s cubic-bezier(0.4, 0, 0, 1.3);
width:26;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.15s cubic-bezier(0.4, 0, 0, 1.3);
width:26;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.058</span><i class="fa fa-code" data-index="57"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-57" type="checkbox" style="display: none"><label for="menu-57"><div class="menu" style="transition: all 0.52s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.8, 0.1, 0.4, 1.7);
width:21;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.8, 0.1, 0.4, 1.7);
width:21;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.059</span><i class="fa fa-code" data-index="58"></i><div class="grid_item__inner" style="width:38px; height: 25px; "><input id="menu-58" type="checkbox" style="display: none"><label for="menu-58"><div class="menu" style="transition: all 0.11s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.11s cubic-bezier(0.8, 0.1, 0, 1.1);
width:18;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.11s cubic-bezier(0.8, 0.1, 0, 1.1);
width:18;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.11s cubic-bezier(0.8, 0.1, 0, 1.1);
width:18;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.060</span><i class="fa fa-code" data-index="59"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-59" type="checkbox" style="display: none"><label for="menu-59"><div class="menu" style="transition: all 0.1s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.6, 0, 0.2, 1.1);
width:21;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.6, 0, 0.2, 1.1);
width:21;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.6, 0, 0.2, 1.1);
width:21;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.061</span><i class="fa fa-code" data-index="60"></i><div class="grid_item__inner" style="width:44px; height: 25px; "><input id="menu-60" type="checkbox" style="display: none"><label for="menu-60"><div class="menu" style="transition: all 0.4s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.4s cubic-bezier(0.4, 0, 0, 1.6);
width:24;top: calc(50% - ((10.5px)) + -3px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.4s cubic-bezier(0.4, 0, 0, 1.6);
width:24;top: calc(50% - ((10.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.4s cubic-bezier(0.4, 0, 0, 1.6);
width:24;top: calc(50% - ((10.5px)) + 13px);"></div></div></label></div></div><div class="grid_item"><span>.062</span><i class="fa fa-code" data-index="61"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-61" type="checkbox" style="display: none"><label for="menu-61"><div class="menu" style="transition: all 0.13s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.13s cubic-bezier(0.7, 0.1, 0.4, 1.1);
width:21;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.13s cubic-bezier(0.7, 0.1, 0.4, 1.1);
width:21;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.063</span><i class="fa fa-code" data-index="62"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-62" type="checkbox" style="display: none"><label for="menu-62"><div class="menu" style="transition: all 0.31s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.31s cubic-bezier(0.8, 0.1, 0, 1.3);
width:18;top: calc(50% - ((6.5px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.31s cubic-bezier(0.8, 0.1, 0, 1.3);
width:18;top: calc(50% - ((6.5px)) + 3px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.31s cubic-bezier(0.8, 0.1, 0, 1.3);
width:18;top: calc(50% - ((6.5px)) + 8px);"></div></div></label></div></div><div class="grid_item"><span>.064</span><i class="fa fa-code" data-index="63"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-63" type="checkbox" style="display: none"><label for="menu-63"><div class="menu" style="transition: all 0.23s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.23s cubic-bezier(0.7, 0, 0, 1.3);
width:25;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.23s cubic-bezier(0.7, 0, 0, 1.3);
width:25;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 25px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.23s cubic-bezier(0.7, 0, 0, 1.3);
width:25;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.065</span><i class="fa fa-code" data-index="64"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-64" type="checkbox" style="display: none"><label for="menu-64"><div class="menu" style="transition: all 0.43s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.43s cubic-bezier(0.7, 0, 0.2, 1.6);
width: 24px;
top: calc(50% - ((7px)) + -1px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.43s cubic-bezier(0.7, 0, 0.2, 1.6);
width: 18px;
top: calc(50% - ((7px)) + 4px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.43s cubic-bezier(0.7, 0, 0.2, 1.6);
width: 12px;
top: calc(50% - ((7px)) + 9px);
"></div></div></label></div></div><div class="grid_item"><span>.066</span><i class="fa fa-code" data-index="65"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-65" type="checkbox" style="display: none"><label for="menu-65"><div class="menu" style="transition: all 0.1s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.7, 0, 0.4, 1.5);
width: 19px;
top: calc(50% - ((5.5px)) + -1px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.7, 0, 0.4, 1.5);
width: 13px;
top: calc(50% - ((5.5px)) + 3px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.1s cubic-bezier(0.7, 0, 0.4, 1.5);
width: 7px;
top: calc(50% - ((5.5px)) + 7px);
"></div></div></label></div></div><div class="grid_item"><span>.067</span><i class="fa fa-code" data-index="66"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-66" type="checkbox" style="display: none"><label for="menu-66"><div class="menu" style="transition: all 0.46s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.46s cubic-bezier(0.7, 0, 0.3, 1.5);
width:21;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.46s cubic-bezier(0.7, 0, 0.3, 1.5);
width:21;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.068</span><i class="fa fa-code" data-index="67"></i><div class="grid_item__inner" style="width:45px; height: 24px; "><input id="menu-67" type="checkbox" style="display: none"><label for="menu-67"><div class="menu" style="transition: all 0.53s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.53s cubic-bezier(0.7, 0.1, 0.1, 1.9);
width:25;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.53s cubic-bezier(0.7, 0.1, 0.1, 1.9);
width:25;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.53s cubic-bezier(0.7, 0.1, 0.1, 1.9);
width:25;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.069</span><i class="fa fa-code" data-index="68"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-68" type="checkbox" style="display: none"><label for="menu-68"><div class="menu" style="transition: all 0.12s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.12s cubic-bezier(0.4, 0.1, 0.3, 1.9);
width:21;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.12s cubic-bezier(0.4, 0.1, 0.3, 1.9);
width:21;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.12s cubic-bezier(0.4, 0.1, 0.3, 1.9);
width:21;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.070</span><i class="fa fa-code" data-index="69"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-69" type="checkbox" style="display: none"><label for="menu-69"><div class="menu" style="transition: all 0.58s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.58s cubic-bezier(0.6, 0, 0.4, 0.9);
width:20;top: calc(50% - ((6.5px)) + -2px);"></div><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.58s cubic-bezier(0.6, 0, 0.4, 0.9);
width:20;top: calc(50% - ((6.5px)) + 3px);"></div><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.58s cubic-bezier(0.6, 0, 0.4, 0.9);
width:20;top: calc(50% - ((6.5px)) + 8px);"></div></div></label></div></div><div class="grid_item"><span>.071</span><i class="fa fa-code" data-index="70"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-70" type="checkbox" style="display: none"><label for="menu-70"><div class="menu" style="transition: all 0.25s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.25s cubic-bezier(0.5, 0, 0.4, 1.1);
width:24;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.25s cubic-bezier(0.5, 0, 0.4, 1.1);
width:24;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.25s cubic-bezier(0.5, 0, 0.4, 1.1);
width:24;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.072</span><i class="fa fa-code" data-index="71"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-71" type="checkbox" style="display: none"><label for="menu-71"><div class="menu" style="transition: all 0.6s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.6s cubic-bezier(0.8, 0.1, 0.2, 1.6);
width:22;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.6s cubic-bezier(0.8, 0.1, 0.2, 1.6);
width:22;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.073</span><i class="fa fa-code" data-index="72"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-72" type="checkbox" style="display: none"><label for="menu-72"><div class="menu" style="transition: all 0.11s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.11s cubic-bezier(0.4, 0.1, 0.1, 1);
width: 21px;
top: calc(50% - ((3px)) + -2px);
"></div><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.11s cubic-bezier(0.4, 0.1, 0.1, 1);
width: 15px;
top: calc(50% - ((3px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.074</span><i class="fa fa-code" data-index="73"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-73" type="checkbox" style="display: none"><label for="menu-73"><div class="menu" style="transition: all 0.35s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.35s cubic-bezier(0.8, 0, 0.3, 1.1);
width: 24px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.35s cubic-bezier(0.8, 0, 0.3, 1.1);
width: 18px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.075</span><i class="fa fa-code" data-index="74"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-74" type="checkbox" style="display: none"><label for="menu-74"><div class="menu" style="transition: all 0.23s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.23s cubic-bezier(0.8, 0, 0.3, 1.9);
width:26;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.23s cubic-bezier(0.8, 0, 0.3, 1.9);
width:26;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.23s cubic-bezier(0.8, 0, 0.3, 1.9);
width:26;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.076</span><i class="fa fa-code" data-index="75"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-75" type="checkbox" style="display: none"><label for="menu-75"><div class="menu" style="transition: all 0.47s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.47s cubic-bezier(0.8, 0.1, 0.4, 1.2);
width:26;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.47s cubic-bezier(0.8, 0.1, 0.4, 1.2);
width:26;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.47s cubic-bezier(0.8, 0.1, 0.4, 1.2);
width:26;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.077</span><i class="fa fa-code" data-index="76"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-76" type="checkbox" style="display: none"><label for="menu-76"><div class="menu" style="transition: all 0.47s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.47s cubic-bezier(0.4, 0, 0.1, 1.3);
width:20;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.47s cubic-bezier(0.4, 0, 0.1, 1.3);
width:20;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.47s cubic-bezier(0.4, 0, 0.1, 1.3);
width:20;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.078</span><i class="fa fa-code" data-index="77"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-77" type="checkbox" style="display: none"><label for="menu-77"><div class="menu" style="transition: all 0.3s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.8, 0.1, 0.3, 2);
width: 18px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.8, 0.1, 0.3, 2);
width: 12px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.079</span><i class="fa fa-code" data-index="78"></i><div class="grid_item__inner" style="width:39px; height: 25px; "><input id="menu-78" type="checkbox" style="display: none"><label for="menu-78"><div class="menu" style="transition: all 0.39s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.39s cubic-bezier(0.7, 0, 0, 1.6);
width:19;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.39s cubic-bezier(0.7, 0, 0, 1.6);
width:19;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.39s cubic-bezier(0.7, 0, 0, 1.6);
width:19;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.080</span><i class="fa fa-code" data-index="79"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-79" type="checkbox" style="display: none"><label for="menu-79"><div class="menu" style="transition: all 0.32s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.32s cubic-bezier(0.8, 0, 0.1, 0.8);
width:19;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.32s cubic-bezier(0.8, 0, 0.1, 0.8);
width:19;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.32s cubic-bezier(0.8, 0, 0.1, 0.8);
width:19;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.081</span><i class="fa fa-code" data-index="80"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-80" type="checkbox" style="display: none"><label for="menu-80"><div class="menu" style="transition: all 0.44s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.6, 0, 0.1, 0.9);
width:22;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.6, 0, 0.1, 0.9);
width:22;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.082</span><i class="fa fa-code" data-index="81"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-81" type="checkbox" style="display: none"><label for="menu-81"><div class="menu" style="transition: all 0.4s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.4s cubic-bezier(0.4, 0.1, 0.4, 1.1);
width: 19px;
top: calc(50% - ((3.5px)) + -1px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.4s cubic-bezier(0.4, 0.1, 0.4, 1.1);
width: 13px;
top: calc(50% - ((3.5px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.083</span><i class="fa fa-code" data-index="82"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-82" type="checkbox" style="display: none"><label for="menu-82"><div class="menu" style="transition: all 0.25s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1.6);
width:18;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1.6);
width:18;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.084</span><i class="fa fa-code" data-index="83"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-83" type="checkbox" style="display: none"><label for="menu-83"><div class="menu" style="transition: all 0.28s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.2, 1.4);
width: 20px;
top: calc(50% - ((4.5px)) + -1px);
"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.2, 1.4);
width: 14px;
top: calc(50% - ((4.5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.085</span><i class="fa fa-code" data-index="84"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-84" type="checkbox" style="display: none"><label for="menu-84"><div class="menu" style="transition: all 0.26s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.6, 0.1, 0.1, 1.4);
width:26;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.6, 0.1, 0.1, 1.4);
width:26;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.086</span><i class="fa fa-code" data-index="85"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-85" type="checkbox" style="display: none"><label for="menu-85"><div class="menu" style="transition: all 0.57s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.57s cubic-bezier(0.6, 0, 0.2, 1.9);
width: 20px;
top: calc(50% - ((3px)) + -2px);
"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.57s cubic-bezier(0.6, 0, 0.2, 1.9);
width: 14px;
top: calc(50% - ((3px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.087</span><i class="fa fa-code" data-index="86"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-86" type="checkbox" style="display: none"><label for="menu-86"><div class="menu" style="transition: all 0.45s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0.1, 1.6);
width:18;top: calc(50% - ((4px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0.1, 1.6);
width:18;top: calc(50% - ((4px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.088</span><i class="fa fa-code" data-index="87"></i><div class="grid_item__inner" style="width:38px; height: 25px; "><input id="menu-87" type="checkbox" style="display: none"><label for="menu-87"><div class="menu" style="transition: all 0.53s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.53s cubic-bezier(0.4, 0, 0.4, 1.7);
width:18;top: calc(50% - ((10.5px)) + -3px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.53s cubic-bezier(0.4, 0, 0.4, 1.7);
width:18;top: calc(50% - ((10.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.53s cubic-bezier(0.4, 0, 0.4, 1.7);
width:18;top: calc(50% - ((10.5px)) + 13px);"></div></div></label></div></div><div class="grid_item"><span>.089</span><i class="fa fa-code" data-index="88"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-88" type="checkbox" style="display: none"><label for="menu-88"><div class="menu" style="transition: all 0.46s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.46s cubic-bezier(0.7, 0.1, 0.4, 1.6);
width: 23px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.46s cubic-bezier(0.7, 0.1, 0.4, 1.6);
width: 17px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.46s cubic-bezier(0.7, 0.1, 0.4, 1.6);
width: 11px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.090</span><i class="fa fa-code" data-index="89"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-89" type="checkbox" style="display: none"><label for="menu-89"><div class="menu" style="transition: all 0.24s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.8, 0, 0.1, 2);
width:25;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.8, 0, 0.1, 2);
width:25;top: calc(50% - ((5px)) + 2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.8, 0, 0.1, 2);
width:25;top: calc(50% - ((5px)) + 6px);"></div></div></label></div></div><div class="grid_item"><span>.091</span><i class="fa fa-code" data-index="90"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-90" type="checkbox" style="display: none"><label for="menu-90"><div class="menu" style="transition: all 0.21s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.21s cubic-bezier(0.4, 0.1, 0.3, 1.1);
width:21;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.21s cubic-bezier(0.4, 0.1, 0.3, 1.1);
width:21;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.092</span><i class="fa fa-code" data-index="91"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-91" type="checkbox" style="display: none"><label for="menu-91"><div class="menu" style="transition: all 0.14s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.14s cubic-bezier(0.6, 0.1, 0.3, 1);
width:18;top: calc(50% - ((4px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.14s cubic-bezier(0.6, 0.1, 0.3, 1);
width:18;top: calc(50% - ((4px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.093</span><i class="fa fa-code" data-index="92"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-92" type="checkbox" style="display: none"><label for="menu-92"><div class="menu" style="transition: all 0.47s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.47s cubic-bezier(0.8, 0, 0.3, 0.9);
width: 22px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.47s cubic-bezier(0.8, 0, 0.3, 0.9);
width: 16px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.47s cubic-bezier(0.8, 0, 0.3, 0.9);
width: 10px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.094</span><i class="fa fa-code" data-index="93"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-93" type="checkbox" style="display: none"><label for="menu-93"><div class="menu" style="transition: all 0.24s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.7, 0, 0.3, 1.1);
width: 21px;
top: calc(50% - ((4px)) + -2px);
"></div><div class="menu_part" style="
width: 21px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.7, 0, 0.3, 1.1);
width: 15px;
top: calc(50% - ((4px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.095</span><i class="fa fa-code" data-index="94"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-94" type="checkbox" style="display: none"><label for="menu-94"><div class="menu" style="transition: all 0.35s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.35s cubic-bezier(0.8, 0, 0, 0.8);
width: 22px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.35s cubic-bezier(0.8, 0, 0, 0.8);
width: 16px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.35s cubic-bezier(0.8, 0, 0, 0.8);
width: 10px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.096</span><i class="fa fa-code" data-index="95"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-95" type="checkbox" style="display: none"><label for="menu-95"><div class="menu" style="transition: all 0.31s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.31s cubic-bezier(0.6, 0, 0, 1.7);
width: 22px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.31s cubic-bezier(0.6, 0, 0, 1.7);
width: 16px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.31s cubic-bezier(0.6, 0, 0, 1.7);
width: 10px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.097</span><i class="fa fa-code" data-index="96"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-96" type="checkbox" style="display: none"><label for="menu-96"><div class="menu" style="transition: all 0.45s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.45s cubic-bezier(0.7, 0, 0.4, 2);
width:19;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.45s cubic-bezier(0.7, 0, 0.4, 2);
width:19;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.45s cubic-bezier(0.7, 0, 0.4, 2);
width:19;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.098</span><i class="fa fa-code" data-index="97"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-97" type="checkbox" style="display: none"><label for="menu-97"><div class="menu" style="transition: all 0.27s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.27s cubic-bezier(0.6, 0, 0, 1.9);
width:23;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.27s cubic-bezier(0.6, 0, 0, 1.9);
width:23;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.099</span><i class="fa fa-code" data-index="98"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-98" type="checkbox" style="display: none"><label for="menu-98"><div class="menu" style="transition: all 0.58s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.58s cubic-bezier(0.8, 0.1, 0.1, 1.9);
width: 19px;
top: calc(50% - ((4px)) + -1px);
"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.58s cubic-bezier(0.8, 0.1, 0.1, 1.9);
width: 13px;
top: calc(50% - ((4px)) + 2px);
"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.58s cubic-bezier(0.8, 0.1, 0.1, 1.9);
width: 7px;
top: calc(50% - ((4px)) + 5px);
"></div></div></label></div></div><div class="grid_item"><span>.0100</span><i class="fa fa-code" data-index="99"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-99" type="checkbox" style="display: none"><label for="menu-99"><div class="menu" style="transition: all 0.26s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.7, 0, 0.2, 1.8);
width:23;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.7, 0, 0.2, 1.8);
width:23;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0101</span><i class="fa fa-code" data-index="100"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-100" type="checkbox" style="display: none"><label for="menu-100"><div class="menu" style="transition: all 0.29s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.29s cubic-bezier(0.6, 0.1, 0.1, 0.8);
width:25;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.29s cubic-bezier(0.6, 0.1, 0.1, 0.8);
width:25;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0102</span><i class="fa fa-code" data-index="101"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-101" type="checkbox" style="display: none"><label for="menu-101"><div class="menu" style="transition: all 0.28s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.3, 1.2);
width:25;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.3, 1.2);
width:25;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.3, 1.2);
width:25;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.0103</span><i class="fa fa-code" data-index="102"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-102" type="checkbox" style="display: none"><label for="menu-102"><div class="menu" style="transition: all 0.24s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.8, 0, 0.1, 1.4);
width:23;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.8, 0, 0.1, 1.4);
width:23;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0104</span><i class="fa fa-code" data-index="103"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-103" type="checkbox" style="display: none"><label for="menu-103"><div class="menu" style="transition: all 0.24s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1.9);
width:18;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1.9);
width:18;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0105</span><i class="fa fa-code" data-index="104"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-104" type="checkbox" style="display: none"><label for="menu-104"><div class="menu" style="transition: all 0.33s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.33s cubic-bezier(0.5, 0, 0.1, 1.5);
width:20;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.33s cubic-bezier(0.5, 0, 0.1, 1.5);
width:20;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0106</span><i class="fa fa-code" data-index="105"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-105" type="checkbox" style="display: none"><label for="menu-105"><div class="menu" style="transition: all 0.44s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.4, 0, 0.1, 1.9);
width: 26px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 26px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.44s cubic-bezier(0.4, 0, 0.1, 1.9);
width: 20px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.0107</span><i class="fa fa-code" data-index="106"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-106" type="checkbox" style="display: none"><label for="menu-106"><div class="menu" style="transition: all 0.24s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.3, 1.1);
width:22;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.3, 1.1);
width:22;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0108</span><i class="fa fa-code" data-index="107"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-107" type="checkbox" style="display: none"><label for="menu-107"><div class="menu" style="transition: all 0.3s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.6, 0.1, 0.4, 2);
width:25;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.6, 0.1, 0.4, 2);
width:25;top: calc(50% - ((5px)) + 2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.6, 0.1, 0.4, 2);
width:25;top: calc(50% - ((5px)) + 6px);"></div></div></label></div></div><div class="grid_item"><span>.0109</span><i class="fa fa-code" data-index="108"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-108" type="checkbox" style="display: none"><label for="menu-108"><div class="menu" style="transition: all 0.17s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.17s cubic-bezier(0.4, 0.1, 0, 2);
width:24;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.17s cubic-bezier(0.4, 0.1, 0, 2);
width:24;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0110</span><i class="fa fa-code" data-index="109"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-109" type="checkbox" style="display: none"><label for="menu-109"><div class="menu" style="transition: all 0.45s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0.4, 1.4);
width:18;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.45s cubic-bezier(0.5, 0.1, 0.4, 1.4);
width:18;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0111</span><i class="fa fa-code" data-index="110"></i><div class="grid_item__inner" style="width:38px; height: 24px; "><input id="menu-110" type="checkbox" style="display: none"><label for="menu-110"><div class="menu" style="transition: all 0.12s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.12s cubic-bezier(0.8, 0.1, 0.4, 1.5);
width:18;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.12s cubic-bezier(0.8, 0.1, 0.4, 1.5);
width:18;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.12s cubic-bezier(0.8, 0.1, 0.4, 1.5);
width:18;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.0112</span><i class="fa fa-code" data-index="111"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-111" type="checkbox" style="display: none"><label for="menu-111"><div class="menu" style="transition: all 0.28s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.4, 0.8);
width: 19px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.4, 0.8);
width: 13px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.28s cubic-bezier(0.8, 0.1, 0.4, 0.8);
width: 7px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.0113</span><i class="fa fa-code" data-index="112"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-112" type="checkbox" style="display: none"><label for="menu-112"><div class="menu" style="transition: all 0.54s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.54s cubic-bezier(0.5, 0, 0, 1.7);
width: 26px;
top: calc(50% - ((4px)) + -2px);
"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.54s cubic-bezier(0.5, 0, 0, 1.7);
width: 20px;
top: calc(50% - ((4px)) + 3px);
"></div></div></label></div></div><div class="grid_item"><span>.0114</span><i class="fa fa-code" data-index="113"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-113" type="checkbox" style="display: none"><label for="menu-113"><div class="menu" style="transition: all 0.19s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.19s cubic-bezier(0.7, 0, 0.3, 1.7);
width:21;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.19s cubic-bezier(0.7, 0, 0.3, 1.7);
width:21;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.19s cubic-bezier(0.7, 0, 0.3, 1.7);
width:21;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.0115</span><i class="fa fa-code" data-index="114"></i><div class="grid_item__inner" style="width:45px; height: 25px; "><input id="menu-114" type="checkbox" style="display: none"><label for="menu-114"><div class="menu" style="transition: all 0.12s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.3, 0.8);
width:25;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.3, 0.8);
width:25;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.3, 0.8);
width:25;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.0116</span><i class="fa fa-code" data-index="115"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-115" type="checkbox" style="display: none"><label for="menu-115"><div class="menu" style="transition: all 0.3s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1.2);
width:19;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1.2);
width:19;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0117</span><i class="fa fa-code" data-index="116"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-116" type="checkbox" style="display: none"><label for="menu-116"><div class="menu" style="transition: all 0.37s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.37s cubic-bezier(0.7, 0.1, 0.1, 1.9);
width:20;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.37s cubic-bezier(0.7, 0.1, 0.1, 1.9);
width:20;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0118</span><i class="fa fa-code" data-index="117"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-117" type="checkbox" style="display: none"><label for="menu-117"><div class="menu" style="transition: all 0.18s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.18s cubic-bezier(0.5, 0, 0, 1.1);
width:23;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.18s cubic-bezier(0.5, 0, 0, 1.1);
width:23;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 23px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.18s cubic-bezier(0.5, 0, 0, 1.1);
width:23;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.0119</span><i class="fa fa-code" data-index="118"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-118" type="checkbox" style="display: none"><label for="menu-118"><div class="menu" style="transition: all 0.11s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.11s cubic-bezier(0.6, 0, 0.3, 1.3);
width: 21px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.11s cubic-bezier(0.6, 0, 0.3, 1.3);
width: 15px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.11s cubic-bezier(0.6, 0, 0.3, 1.3);
width: 9px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.0120</span><i class="fa fa-code" data-index="119"></i><div class="grid_item__inner" style="width:41px; height: 25px; "><input id="menu-119" type="checkbox" style="display: none"><label for="menu-119"><div class="menu" style="transition: all 0.53s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.53s cubic-bezier(0.6, 0.1, 0, 1.5);
width:21;top: calc(50% - ((10.5px)) + -3px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.53s cubic-bezier(0.6, 0.1, 0, 1.5);
width:21;top: calc(50% - ((10.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.53s cubic-bezier(0.6, 0.1, 0, 1.5);
width:21;top: calc(50% - ((10.5px)) + 13px);"></div></div></label></div></div><div class="grid_item"><span>.0121</span><i class="fa fa-code" data-index="120"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-120" type="checkbox" style="display: none"><label for="menu-120"><div class="menu" style="transition: all 0.52s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.6, 0.1, 0.1, 1.5);
width:19;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.6, 0.1, 0.1, 1.5);
width:19;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.6, 0.1, 0.1, 1.5);
width:19;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.0122</span><i class="fa fa-code" data-index="121"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-121" type="checkbox" style="display: none"><label for="menu-121"><div class="menu" style="transition: all 0.5s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.5s cubic-bezier(0.5, 0.1, 0.2, 1.6);
width:21;top: calc(50% - ((4px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.5s cubic-bezier(0.5, 0.1, 0.2, 1.6);
width:21;top: calc(50% - ((4px)) + 2px);"></div><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.5s cubic-bezier(0.5, 0.1, 0.2, 1.6);
width:21;top: calc(50% - ((4px)) + 5px);"></div></div></label></div></div><div class="grid_item"><span>.0123</span><i class="fa fa-code" data-index="122"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-122" type="checkbox" style="display: none"><label for="menu-122"><div class="menu" style="transition: all 0.48s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.48s cubic-bezier(0.4, 0, 0, 1.1);
width:19;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.48s cubic-bezier(0.4, 0, 0, 1.1);
width:19;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.48s cubic-bezier(0.4, 0, 0, 1.1);
width:19;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.0124</span><i class="fa fa-code" data-index="123"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-123" type="checkbox" style="display: none"><label for="menu-123"><div class="menu" style="transition: all 0.23s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.23s cubic-bezier(0.5, 0.1, 0.3, 0.9);
width:22;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.23s cubic-bezier(0.5, 0.1, 0.3, 0.9);
width:22;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0125</span><i class="fa fa-code" data-index="124"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-124" type="checkbox" style="display: none"><label for="menu-124"><div class="menu" style="transition: all 0.23s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.23s cubic-bezier(0.5, 0.1, 0.2, 1.1);
width: 24px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.23s cubic-bezier(0.5, 0.1, 0.2, 1.1);
width: 18px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.23s cubic-bezier(0.5, 0.1, 0.2, 1.1);
width: 12px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.0126</span><i class="fa fa-code" data-index="125"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-125" type="checkbox" style="display: none"><label for="menu-125"><div class="menu" style="transition: all 0.37s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.37s cubic-bezier(0.4, 0.1, 0.2, 0.8);
width: 22px;
top: calc(50% - ((5px)) + -2px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.37s cubic-bezier(0.4, 0.1, 0.2, 0.8);
width: 16px;
top: calc(50% - ((5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.0127</span><i class="fa fa-code" data-index="126"></i><div class="grid_item__inner" style="width:39px; height: 26px; "><input id="menu-126" type="checkbox" style="display: none"><label for="menu-126"><div class="menu" style="transition: all 0.24s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.2, 1.4);
width:19;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.2, 1.4);
width:19;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.24s cubic-bezier(0.6, 0, 0.2, 1.4);
width:19;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.0128</span><i class="fa fa-code" data-index="127"></i><div class="grid_item__inner" style="width:38px; height: 24px; "><input id="menu-127" type="checkbox" style="display: none"><label for="menu-127"><div class="menu" style="transition: all 0.17s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.17s cubic-bezier(0.8, 0, 0.4, 0.8);
width:18;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.17s cubic-bezier(0.8, 0, 0.4, 0.8);
width:18;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.17s cubic-bezier(0.8, 0, 0.4, 0.8);
width:18;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.0129</span><i class="fa fa-code" data-index="128"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-128" type="checkbox" style="display: none"><label for="menu-128"><div class="menu" style="transition: all 0.12s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1);
width: 20px;
top: calc(50% - ((4.5px)) + -1px);
"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1);
width: 14px;
top: calc(50% - ((4.5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.0130</span><i class="fa fa-code" data-index="129"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-129" type="checkbox" style="display: none"><label for="menu-129"><div class="menu" style="transition: all 0.3s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.1, 1.8);
width:26;top: calc(50% - ((4px)) + -2px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.1, 1.8);
width:26;top: calc(50% - ((4px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0131</span><i class="fa fa-code" data-index="130"></i><div class="grid_item__inner" style="width:44px; height: 26px; "><input id="menu-130" type="checkbox" style="display: none"><label for="menu-130"><div class="menu" style="transition: all 0.16s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0.2, 1.8);
width:24;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0.2, 1.8);
width:24;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0.2, 1.8);
width:24;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.0132</span><i class="fa fa-code" data-index="131"></i><div class="grid_item__inner" style="width:45px; height: 26px; "><input id="menu-131" type="checkbox" style="display: none"><label for="menu-131"><div class="menu" style="transition: all 0.12s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.4, 0.9);
width:25;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.4, 0.9);
width:25;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.12s cubic-bezier(0.7, 0, 0.4, 0.9);
width:25;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.0133</span><i class="fa fa-code" data-index="132"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-132" type="checkbox" style="display: none"><label for="menu-132"><div class="menu" style="transition: all 0.29s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.29s cubic-bezier(0.4, 0.1, 0.2, 1.1);
width:20;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.29s cubic-bezier(0.4, 0.1, 0.2, 1.1);
width:20;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0134</span><i class="fa fa-code" data-index="133"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-133" type="checkbox" style="display: none"><label for="menu-133"><div class="menu" style="transition: all 0.52s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.52s cubic-bezier(0.4, 0, 0.1, 1.8);
width:18;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.52s cubic-bezier(0.4, 0, 0.1, 1.8);
width:18;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0135</span><i class="fa fa-code" data-index="134"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-134" type="checkbox" style="display: none"><label for="menu-134"><div class="menu" style="transition: all 0.17s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.8, 0.1, 0, 1.9);
width:26;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.8, 0.1, 0, 1.9);
width:26;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.8, 0.1, 0, 1.9);
width:26;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.0136</span><i class="fa fa-code" data-index="135"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-135" type="checkbox" style="display: none"><label for="menu-135"><div class="menu" style="transition: all 0.41s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.41s cubic-bezier(0.7, 0.1, 0.3, 1.3);
width: 24px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.41s cubic-bezier(0.7, 0.1, 0.3, 1.3);
width: 18px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.41s cubic-bezier(0.7, 0.1, 0.3, 1.3);
width: 12px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.0137</span><i class="fa fa-code" data-index="136"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-136" type="checkbox" style="display: none"><label for="menu-136"><div class="menu" style="transition: all 0.32s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.32s cubic-bezier(0.5, 0, 0, 1.7);
width:25;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.32s cubic-bezier(0.5, 0, 0, 1.7);
width:25;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0138</span><i class="fa fa-code" data-index="137"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-137" type="checkbox" style="display: none"><label for="menu-137"><div class="menu" style="transition: all 0.52s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.4, 0.1, 0.1, 1.2);
width:23;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.4, 0.1, 0.1, 1.2);
width:23;top: calc(50% - ((5px)) + 2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.4, 0.1, 0.1, 1.2);
width:23;top: calc(50% - ((5px)) + 6px);"></div></div></label></div></div><div class="grid_item"><span>.0139</span><i class="fa fa-code" data-index="138"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-138" type="checkbox" style="display: none"><label for="menu-138"><div class="menu" style="transition: all 0.44s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.44s cubic-bezier(0.7, 0, 0, 1.5);
width:24;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.44s cubic-bezier(0.7, 0, 0, 1.5);
width:24;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0140</span><i class="fa fa-code" data-index="139"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-139" type="checkbox" style="display: none"><label for="menu-139"><div class="menu" style="transition: all 0.17s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.6, 0, 0.4, 1.9);
width: 18px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.6, 0, 0.4, 1.9);
width: 12px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.17s cubic-bezier(0.6, 0, 0.4, 1.9);
width: 6px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.0141</span><i class="fa fa-code" data-index="140"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-140" type="checkbox" style="display: none"><label for="menu-140"><div class="menu" style="transition: all 0.15s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.5, 0.1, 0, 1.5);
width:23;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.15s cubic-bezier(0.5, 0.1, 0, 1.5);
width:23;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0142</span><i class="fa fa-code" data-index="141"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-141" type="checkbox" style="display: none"><label for="menu-141"><div class="menu" style="transition: all 0.2s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.2s cubic-bezier(0.7, 0.1, 0.2, 0.8);
width:22;top: calc(50% - ((3px)) + -2px);"></div><div class="menu_part" style="
width: 22px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.2s cubic-bezier(0.7, 0.1, 0.2, 0.8);
width:22;top: calc(50% - ((3px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0143</span><i class="fa fa-code" data-index="142"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-142" type="checkbox" style="display: none"><label for="menu-142"><div class="menu" style="transition: all 0.52s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.7, 0.1, 0.3, 1.9);
width:24;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.52s cubic-bezier(0.7, 0.1, 0.3, 1.9);
width:24;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0144</span><i class="fa fa-code" data-index="143"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-143" type="checkbox" style="display: none"><label for="menu-143"><div class="menu" style="transition: all 0.55s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.55s cubic-bezier(0.4, 0.1, 0, 1.1);
width:25;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.55s cubic-bezier(0.4, 0.1, 0, 1.1);
width:25;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0145</span><i class="fa fa-code" data-index="144"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-144" type="checkbox" style="display: none"><label for="menu-144"><div class="menu" style="transition: all 0.56s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.56s cubic-bezier(0.5, 0, 0.1, 0.8);
width: 24px;
top: calc(50% - ((8px)) + -2px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.56s cubic-bezier(0.5, 0, 0.1, 0.8);
width: 18px;
top: calc(50% - ((8px)) + 4px);
"></div><div class="menu_part" style="
width: 24px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.56s cubic-bezier(0.5, 0, 0.1, 0.8);
width: 12px;
top: calc(50% - ((8px)) + 10px);
"></div></div></label></div></div><div class="grid_item"><span>.0146</span><i class="fa fa-code" data-index="145"></i><div class="grid_item__inner" style="width:43px; height: 25px; "><input id="menu-145" type="checkbox" style="display: none"><label for="menu-145"><div class="menu" style="transition: all 0.26s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.26s cubic-bezier(0.8, 0.1, 0.1, 1.8);
width:23;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.26s cubic-bezier(0.8, 0.1, 0.1, 1.8);
width:23;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.26s cubic-bezier(0.8, 0.1, 0.1, 1.8);
width:23;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.0147</span><i class="fa fa-code" data-index="146"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-146" type="checkbox" style="display: none"><label for="menu-146"><div class="menu" style="transition: all 0.26s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.26s cubic-bezier(0.7, 0.1, 0.3, 1.7);
width:19;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.26s cubic-bezier(0.7, 0.1, 0.3, 1.7);
width:19;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.26s cubic-bezier(0.7, 0.1, 0.3, 1.7);
width:19;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.0148</span><i class="fa fa-code" data-index="147"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-147" type="checkbox" style="display: none"><label for="menu-147"><div class="menu" style="transition: all 0.27s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.8, 0, 0.2, 1.2);
width:22;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.27s cubic-bezier(0.8, 0, 0.2, 1.2);
width:22;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0149</span><i class="fa fa-code" data-index="148"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-148" type="checkbox" style="display: none"><label for="menu-148"><div class="menu" style="transition: all 0.29s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.29s cubic-bezier(0.4, 0.1, 0.4, 1.4);
width:20;top: calc(50% - ((4.5px)) + -1px);"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.29s cubic-bezier(0.4, 0.1, 0.4, 1.4);
width:20;top: calc(50% - ((4.5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0150</span><i class="fa fa-code" data-index="149"></i><div class="grid_item__inner" style="width:38px; height: 25px; "><input id="menu-149" type="checkbox" style="display: none"><label for="menu-149"><div class="menu" style="transition: all 0.26s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.26s cubic-bezier(0.8, 0.1, 0, 1.5);
width:18;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.26s cubic-bezier(0.8, 0.1, 0, 1.5);
width:18;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.26s cubic-bezier(0.8, 0.1, 0, 1.5);
width:18;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.0151</span><i class="fa fa-code" data-index="150"></i><div class="grid_item__inner" style="width:42px; height: 24px; "><input id="menu-150" type="checkbox" style="display: none"><label for="menu-150"><div class="menu" style="transition: all 0.22s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.22s cubic-bezier(0.7, 0.1, 0.4, 1.2);
width:22;top: calc(50% - ((9px)) + -3px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.22s cubic-bezier(0.7, 0.1, 0.4, 1.2);
width:22;top: calc(50% - ((9px)) + 4px);"></div><div class="menu_part" style="
width: 4px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 4px;
transition: all 0.22s cubic-bezier(0.7, 0.1, 0.4, 1.2);
width:22;top: calc(50% - ((9px)) + 11px);"></div></div></label></div></div><div class="grid_item"><span>.0152</span><i class="fa fa-code" data-index="151"></i><div class="grid_item__inner" style="width:46px; height: 26px; "><input id="menu-151" type="checkbox" style="display: none"><label for="menu-151"><div class="menu" style="transition: all 0.37s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.37s cubic-bezier(0.5, 0.1, 0.1, 1.3);
width:26;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.37s cubic-bezier(0.5, 0.1, 0.1, 1.3);
width:26;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.37s cubic-bezier(0.5, 0.1, 0.1, 1.3);
width:26;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.0153</span><i class="fa fa-code" data-index="152"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-152" type="checkbox" style="display: none"><label for="menu-152"><div class="menu" style="transition: all 0.18s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.18s cubic-bezier(0.6, 0.1, 0.1, 0.9);
width:25;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.18s cubic-bezier(0.6, 0.1, 0.1, 0.9);
width:25;top: calc(50% - ((5px)) + 2px);"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.18s cubic-bezier(0.6, 0.1, 0.1, 0.9);
width:25;top: calc(50% - ((5px)) + 6px);"></div></div></label></div></div><div class="grid_item"><span>.0154</span><i class="fa fa-code" data-index="153"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-153" type="checkbox" style="display: none"><label for="menu-153"><div class="menu" style="transition: all 0.59s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.59s cubic-bezier(0.4, 0.1, 0.4, 1.3);
width:20;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.59s cubic-bezier(0.4, 0.1, 0.4, 1.3);
width:20;top: calc(50% - ((5px)) + 2px);"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.59s cubic-bezier(0.4, 0.1, 0.4, 1.3);
width:20;top: calc(50% - ((5px)) + 6px);"></div></div></label></div></div><div class="grid_item"><span>.0155</span><i class="fa fa-code" data-index="154"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-154" type="checkbox" style="display: none"><label for="menu-154"><div class="menu" style="transition: all 0.29s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.29s cubic-bezier(0.8, 0.1, 0.2, 0.9);
width:25;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 25px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.29s cubic-bezier(0.8, 0.1, 0.2, 0.9);
width:25;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0156</span><i class="fa fa-code" data-index="155"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-155" type="checkbox" style="display: none"><label for="menu-155"><div class="menu" style="transition: all 0.25s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.25s cubic-bezier(0.6, 0.1, 0.4, 1.4);
width:19;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.25s cubic-bezier(0.6, 0.1, 0.4, 1.4);
width:19;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0157</span><i class="fa fa-code" data-index="156"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-156" type="checkbox" style="display: none"><label for="menu-156"><div class="menu" style="transition: all 0.24s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.24s cubic-bezier(0.7, 0, 0.1, 0.9);
width: 20px;
top: calc(50% - ((5px)) + -2px);
"></div><div class="menu_part" style="
width: 20px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 3px;
transition: all 0.24s cubic-bezier(0.7, 0, 0.1, 0.9);
width: 14px;
top: calc(50% - ((5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.0158</span><i class="fa fa-code" data-index="157"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-157" type="checkbox" style="display: none"><label for="menu-157"><div class="menu" style="transition: all 0.3s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.3s cubic-bezier(0.4, 0.1, 0.4, 1.1);
width:19;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.3s cubic-bezier(0.4, 0.1, 0.4, 1.1);
width:19;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0159</span><i class="fa fa-code" data-index="158"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-158" type="checkbox" style="display: none"><label for="menu-158"><div class="menu" style="transition: all 0.16s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0, 1.5);
width:18;top: calc(50% - ((2.5px)) + -1px);"></div><div class="menu_part" style="
width: 18px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.16s cubic-bezier(0.6, 0.1, 0, 1.5);
width:18;top: calc(50% - ((2.5px)) + 2px);"></div></div></label></div></div><div class="grid_item"><span>.0160</span><i class="fa fa-code" data-index="159"></i><div class="grid_item__inner" style="width:38px; height: 38px; "><input id="menu-159" type="checkbox" style="display: none"><label for="menu-159"><div class="menu" style="transition: all 0.26s;position: relative;width: 38px;height: 38px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.4, 0, 0, 0.8);
width: 18px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.4, 0, 0, 0.8);
width: 12px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 18px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.26s cubic-bezier(0.4, 0, 0, 0.8);
width: 6px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div><div class="grid_item"><span>.0161</span><i class="fa fa-code" data-index="160"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-160" type="checkbox" style="display: none"><label for="menu-160"><div class="menu" style="transition: all 0.4s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1.5);
width:23;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1.5);
width:23;top: calc(50% - ((5px)) + 2px);"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1.5);
width:23;top: calc(50% - ((5px)) + 6px);"></div></div></label></div></div><div class="grid_item"><span>.0162</span><i class="fa fa-code" data-index="161"></i><div class="grid_item__inner" style="width:45px; height: 26px; "><input id="menu-161" type="checkbox" style="display: none"><label for="menu-161"><div class="menu" style="transition: all 0.49s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.49s cubic-bezier(0.7, 0.1, 0.3, 1.8);
width:25;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.49s cubic-bezier(0.7, 0.1, 0.3, 1.8);
width:25;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.49s cubic-bezier(0.7, 0.1, 0.3, 1.8);
width:25;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.0163</span><i class="fa fa-code" data-index="162"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-162" type="checkbox" style="display: none"><label for="menu-162"><div class="menu" style="transition: all 0.53s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.53s cubic-bezier(0.5, 0, 0.1, 1.6);
width:22;top: calc(50% - ((6.5px)) + -2px);"></div><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.53s cubic-bezier(0.5, 0, 0.1, 1.6);
width:22;top: calc(50% - ((6.5px)) + 3px);"></div><div class="menu_part" style="
width: 22px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.53s cubic-bezier(0.5, 0, 0.1, 1.6);
width:22;top: calc(50% - ((6.5px)) + 8px);"></div></div></label></div></div><div class="grid_item"><span>.0164</span><i class="fa fa-code" data-index="163"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-163" type="checkbox" style="display: none"><label for="menu-163"><div class="menu" style="transition: all 0.24s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.4, 0.1, 0.4, 1.2);
width:26;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.24s cubic-bezier(0.4, 0.1, 0.4, 1.2);
width:26;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0165</span><i class="fa fa-code" data-index="164"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-164" type="checkbox" style="display: none"><label for="menu-164"><div class="menu" style="transition: all 0.59s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.59s cubic-bezier(0.8, 0, 0, 1.5);
width: 20px;
top: calc(50% - ((4px)) + -1px);
"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.59s cubic-bezier(0.8, 0, 0, 1.5);
width: 14px;
top: calc(50% - ((4px)) + 2px);
"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.59s cubic-bezier(0.8, 0, 0, 1.5);
width: 8px;
top: calc(50% - ((4px)) + 5px);
"></div></div></label></div></div><div class="grid_item"><span>.0166</span><i class="fa fa-code" data-index="165"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-165" type="checkbox" style="display: none"><label for="menu-165"><div class="menu" style="transition: all 0.47s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.47s cubic-bezier(0.6, 0.1, 0.2, 1.6);
width:26;top: calc(50% - ((4px)) + -2px);"></div><div class="menu_part" style="
width: 26px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.47s cubic-bezier(0.6, 0.1, 0.2, 1.6);
width:26;top: calc(50% - ((4px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0167</span><i class="fa fa-code" data-index="166"></i><div class="grid_item__inner" style="width:42px; height: 42px; "><input id="menu-166" type="checkbox" style="display: none"><label for="menu-166"><div class="menu" style="transition: all 0.12s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.12s cubic-bezier(0.5, 0, 0, 0.8);
width: 22px;
top: calc(50% - ((4.5px)) + -1px);
"></div><div class="menu_part" style="
width: 22px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.12s cubic-bezier(0.5, 0, 0, 0.8);
width: 16px;
top: calc(50% - ((4.5px)) + 4px);
"></div></div></label></div></div><div class="grid_item"><span>.0168</span><i class="fa fa-code" data-index="167"></i><div class="grid_item__inner" style="width:42px; height: 26px; "><input id="menu-167" type="checkbox" style="display: none"><label for="menu-167"><div class="menu" style="transition: all 0.26s;position: relative;width: 42px;height: 42px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.26s cubic-bezier(0.4, 0.1, 0.2, 1.9);
width:22;top: calc(50% - ((11px)) + -2px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.26s cubic-bezier(0.4, 0.1, 0.2, 1.9);
width:22;top: calc(50% - ((11px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.26s cubic-bezier(0.4, 0.1, 0.2, 1.9);
width:22;top: calc(50% - ((11px)) + 14px);"></div></div></label></div></div><div class="grid_item"><span>.0169</span><i class="fa fa-code" data-index="168"></i><div class="grid_item__inner" style="width:41px; height: 26px; "><input id="menu-168" type="checkbox" style="display: none"><label for="menu-168"><div class="menu" style="transition: all 0.22s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.22s cubic-bezier(0.6, 0, 0.4, 1.2);
width:21;top: calc(50% - ((12px)) + -3px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.22s cubic-bezier(0.6, 0, 0.4, 1.2);
width:21;top: calc(50% - ((12px)) + 6px);"></div><div class="menu_part" style="
width: 6px;
height: 6px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 6px;
transition: all 0.22s cubic-bezier(0.6, 0, 0.4, 1.2);
width:21;top: calc(50% - ((12px)) + 15px);"></div></div></label></div></div><div class="grid_item"><span>.0170</span><i class="fa fa-code" data-index="169"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-169" type="checkbox" style="display: none"><label for="menu-169"><div class="menu" style="transition: all 0.13s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.7, 0, 0.2, 1.4);
width:19;top: calc(50% - ((8px)) + -2px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.7, 0, 0.2, 1.4);
width:19;top: calc(50% - ((8px)) + 4px);"></div><div class="menu_part" style="
width: 19px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.13s cubic-bezier(0.7, 0, 0.2, 1.4);
width:19;top: calc(50% - ((8px)) + 10px);"></div></div></label></div></div><div class="grid_item"><span>.0171</span><i class="fa fa-code" data-index="170"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-170" type="checkbox" style="display: none"><label for="menu-170"><div class="menu" style="transition: all 0.36s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.36s cubic-bezier(0.6, 0, 0.4, 1.5);
width:21;top: calc(50% - ((7px)) + -1px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.36s cubic-bezier(0.6, 0, 0.4, 1.5);
width:21;top: calc(50% - ((7px)) + 4px);"></div><div class="menu_part" style="
width: 21px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.36s cubic-bezier(0.6, 0, 0.4, 1.5);
width:21;top: calc(50% - ((7px)) + 9px);"></div></div></label></div></div><div class="grid_item"><span>.0172</span><i class="fa fa-code" data-index="171"></i><div class="grid_item__inner" style="width:44px; height: 44px; "><input id="menu-171" type="checkbox" style="display: none"><label for="menu-171"><div class="menu" style="transition: all 0.14s;position: relative;width: 44px;height: 44px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.14s cubic-bezier(0.8, 0.1, 0.3, 1.9);
width:24;top: calc(50% - ((5.5px)) + -1px);"></div><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.14s cubic-bezier(0.8, 0.1, 0.3, 1.9);
width:24;top: calc(50% - ((5.5px)) + 3px);"></div><div class="menu_part" style="
width: 24px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.14s cubic-bezier(0.8, 0.1, 0.3, 1.9);
width:24;top: calc(50% - ((5.5px)) + 7px);"></div></div></label></div></div><div class="grid_item"><span>.0173</span><i class="fa fa-code" data-index="172"></i><div class="grid_item__inner" style="width:41px; height: 25px; "><input id="menu-172" type="checkbox" style="display: none"><label for="menu-172"><div class="menu" style="transition: all 0.2s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 0.8);
width:21;top: calc(50% - ((9.5px)) + -2px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 0.8);
width:21;top: calc(50% - ((9.5px)) + 5px);"></div><div class="menu_part" style="
width: 5px;
height: 5px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 5px;
transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 0.8);
width:21;top: calc(50% - ((9.5px)) + 12px);"></div></div></label></div></div><div class="grid_item"><span>.0174</span><i class="fa fa-code" data-index="173"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-173" type="checkbox" style="display: none"><label for="menu-173"><div class="menu" style="transition: all 0.41s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.41s cubic-bezier(0.5, 0, 0.3, 1);
width: 20px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 20px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.41s cubic-bezier(0.5, 0, 0.3, 1);
width: 14px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.0175</span><i class="fa fa-code" data-index="174"></i><div class="grid_item__inner" style="width:41px; height: 41px; "><input id="menu-174" type="checkbox" style="display: none"><label for="menu-174"><div class="menu" style="transition: all 0.16s;position: relative;width: 41px;height: 41px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.16s cubic-bezier(0.8, 0, 0, 1.3);
width: 21px;
top: calc(50% - ((4px)) + -1px);
"></div><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.16s cubic-bezier(0.8, 0, 0, 1.3);
width: 15px;
top: calc(50% - ((4px)) + 2px);
"></div><div class="menu_part" style="
width: 21px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.16s cubic-bezier(0.8, 0, 0, 1.3);
width: 9px;
top: calc(50% - ((4px)) + 5px);
"></div></div></label></div></div><div class="grid_item"><span>.0176</span><i class="fa fa-code" data-index="175"></i><div class="grid_item__inner" style="width:45px; height: 45px; "><input id="menu-175" type="checkbox" style="display: none"><label for="menu-175"><div class="menu" style="transition: all 0.49s;position: relative;width: 45px;height: 45px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.49s cubic-bezier(0.6, 0.1, 0.2, 0.8);
width: 25px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 25px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.49s cubic-bezier(0.6, 0.1, 0.2, 0.8);
width: 19px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.0177</span><i class="fa fa-code" data-index="176"></i><div class="grid_item__inner" style="width:43px; height: 43px; "><input id="menu-176" type="checkbox" style="display: none"><label for="menu-176"><div class="menu" style="transition: all 0.3s;position: relative;width: 43px;height: 43px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 1.9);
width: 23px;
top: calc(50% - ((2.5px)) + -1px);
"></div><div class="menu_part" style="
width: 23px;
height: 2px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 0px;
transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 1.9);
width: 17px;
top: calc(50% - ((2.5px)) + 2px);
"></div></div></label></div></div><div class="grid_item"><span>.0178</span><i class="fa fa-code" data-index="177"></i><div class="grid_item__inner" style="width:46px; height: 46px; "><input id="menu-177" type="checkbox" style="display: none"><label for="menu-177"><div class="menu" style="transition: all 0.11s;position: relative;width: 46px;height: 46px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.11s cubic-bezier(0.6, 0.1, 0.1, 0.8);
width:26;top: calc(50% - ((5px)) + -2px);"></div><div class="menu_part" style="
width: 26px;
height: 4px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 2px;
transition: all 0.11s cubic-bezier(0.6, 0.1, 0.1, 0.8);
width:26;top: calc(50% - ((5px)) + 4px);"></div></div></label></div></div><div class="grid_item"><span>.0179</span><i class="fa fa-code" data-index="178"></i><div class="grid_item__inner" style="width:40px; height: 40px; "><input id="menu-178" type="checkbox" style="display: none"><label for="menu-178"><div class="menu" style="transition: all 0.1s;position: relative;width: 40px;height: 40px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.1s cubic-bezier(0.8, 0, 0.3, 1.4);
width:20;top: calc(50% - ((3.5px)) + -1px);"></div><div class="menu_part" style="
width: 20px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.1s cubic-bezier(0.8, 0, 0.3, 1.4);
width:20;top: calc(50% - ((3.5px)) + 3px);"></div></div></label></div></div><div class="grid_item"><span>.0180</span><i class="fa fa-code" data-index="179"></i><div class="grid_item__inner" style="width:39px; height: 39px; "><input id="menu-179" type="checkbox" style="display: none"><label for="menu-179"><div class="menu" style="transition: all 0.58s;position: relative;width: 39px;height: 39px;border-radius: 100%;cursor: pointer;"><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.58s cubic-bezier(0.7, 0, 0.3, 1.5);
width: 19px;
top: calc(50% - ((6.5px)) + -2px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.58s cubic-bezier(0.7, 0, 0.3, 1.5);
width: 13px;
top: calc(50% - ((6.5px)) + 3px);
"></div><div class="menu_part" style="
width: 19px;
height: 3px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: 1px;
transition: all 0.58s cubic-bezier(0.7, 0, 0.3, 1.5);
width: 7px;
top: calc(50% - ((6.5px)) + 8px);
"></div></div></label></div></div></div>
<div class="panel">
    <i class="fa fa-arrow-left close"></i>
    <h1>HTML</h1>
    <p class="markup"></p>
    <h2>CSS</h2>
    <p class="css"></p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script id="rendered-js">
    // output css


    const burgers = 180;

    var index = 0;

    function randomBetween(min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min);
    }

    class Hamburger {
        constructor() {
            this.count = randomBetween(2, 3); // How many lines does the icon have
            this.height = randomBetween(2, 4);
            this.width = randomBetween(18, 26);
            this.originalWidth = this.width;
            this.borderRadius = randomBetween(0, this.height - 1);
            this.gap = randomBetween(1, 2);
            this.border = randomBetween(1, 2);
            this.opacity = randomBetween(100, 100) / 100;
            this.transitionSpeed = randomBetween(10, 30) / 100 + 's';
            this.rotation = randomBetween(0, 1) * 180;
            this.menuRotation = randomBetween(0, 1) * 180;
            this.scale = randomBetween(0, 30) / 100 + 1;
            this.left = -randomBetween(0, 20) + randomBetween(0, 20);
            this.easing = `cubic-bezier(${randomBetween(4, 8) / 10}, ${randomBetween(0, 1) / 10}, ${randomBetween(0, 4) / 10}, ${randomBetween(8, 20) / 10})`;
            this.type = randomBetween(1, 4);

            if (this.rotation > 179) {
                this.transitionSpeed = randomBetween(30, 60) / 100 + 's';
            }

            if (this.count == 3 && this.type == 2) {
                this.height += 2;
                this.width = this.height;
                this.borderRadius = this.height;
                this.gap += 1;
            }

            let partStyles = `
width: ${this.width}px;
height: ${this.height}px;
position: absolute;
background: #313d44;
right: 0;
margin: auto;
left: 0;
border-radius: ${this.borderRadius}px;
transition: all ${this.transitionSpeed} ${this.easing};
`;

            let checkedStyle = '';
            let center = (this.count * this.height + (this.count - 1) * this.gap) / 2 - this.height / 2;

            if (this.count == 2) {
                checkedStyle = `
input#menu-${index}:checked + label .menu {
transform:scale(${this.scale}) rotate(${this.menuRotation}deg);
}

input#menu-${index}:checked + label .menu .menu_part:nth-of-type(1) {
transform: rotate(${45 + this.rotation}deg);
top: calc(50% - (${this.height / 2}px))!important;
width: ${this.originalWidth}px !important;
}

input#menu-${index}:checked + label .menu .menu_part:nth-of-type(2) {
transform: rotate(${-45 - this.rotation}deg);
top: calc(50% - (${this.height / 2}px))!important;
width: ${this.originalWidth}px !important;
}
`;
            } else {

                checkedStyle = `
input#menu-${index}:checked + label .menu {
transform:scale(${this.scale}) rotate(${this.menuRotation}deg);
}

input#menu-${index}:checked + label .menu .menu_part:nth-of-type(1) {
transform: rotate(45deg);
width: ${this.originalWidth}px !important;
top: calc(50% - (${this.height / 2}px))!important;
}

input#menu-${index}:checked + label .menu .menu_part:nth-of-type(2) {
left: ${this.left}px !important;
opacity: 0;
}

input#menu-${index}:checked + label .menu .menu_part:nth-of-type(3) {
transform: rotate(-45deg);
width: ${this.originalWidth}px!important;
top: calc(50% - (${this.height / 2}px))!important;
}
`;
            }
            if (this.border == 1) {
                checkedStyle += `input#menu-${index}:checked + label .menu {transform:scale(${this.scale}) rotate(${this.menuRotation}deg); border: 2px solid black;}`;
            }

            var style = document.createElement('style');
            style.type = 'text/css';
            style.classList.add(`menu-${index}`);
            style.appendChild(document.createTextNode(checkedStyle));
            document.head.appendChild(style);

            let partMarkup = '';
            let partMarkupOutput = '';
            var iteration = 0;

            for (var i = 0; i < this.count; i++) {
                if (this.type == 3) {
                    partMarkup += `<div class="menu_part" style="${partStyles}width: ${this.width - 6 * iteration}px;
top: calc(50% - ((${(this.count * this.height + (this.count - 1) * this.gap) / 2}px)) + ${this.height * i + this.gap * (i - 1)}px);
"></div>`;

                } else {
                    partMarkup += `<div class="menu_part" style="${partStyles}width:${this.originalWidth};top: calc(50% - ((${(this.count * this.height + (this.count - 1) * this.gap) / 2}px)) + ${this.height * i + this.gap * (i - 1)}px);"></div>`;
                }
                iteration++;
                partMarkupOutput += `\t\t\t<div class="menu_part"></div>\n`;
            }

            this.generatedMarkup = `<input id="menu-${index}" type="checkbox" style="display: none"><label for="menu-${index}"><div class="menu" style="transition: all ${this.transitionSpeed};position: relative;width: ${this.originalWidth + 20}px;height: ${this.originalWidth + 20}px;border-radius: 100%;cursor: pointer;">${partMarkup}</div></label>`;

            this.outputMarkup = `<input id="menu-${index}" type="checkbox">\n<label for="menu-${index}">\n\t<div class="menu">\n${partMarkupOutput}\t</div>\n</label>`;



            $('.grid').append(`<div class="grid_item"><span>.0${index + 1}</span><i class="fa fa-code" data-index="${index}"></i><div class="grid_item__inner" style="width:${this.originalWidth + 20}px; height: ${this.width + 20}px; ">${this.generatedMarkup}</div></div>`);

            index++;
        }

        build() {

        }}


    burgerArray = [];

    for (var i = 0; i < burgers; i++) {
        hamburger = new Hamburger();
        burgerArray.push(hamburger);
    }


    $('.panel').click(function () {
        //$('body').toggleClass('open');
    });

    $('.close').click(function () {
        $('body').toggleClass('open');
    });

    $('.grid_item i').click(function () {
        $('body').toggleClass('open');


        $('.panel .markup').text(burgerArray[$(this).data('index')].outputMarkup);

        var part = $(this).next().find('.menu').find('.menu_part:nth-of-type(1)');
        var partStyles = part.attr('style').split(';');
        var partStyleFinal = partStyles.join(';');

        console.log(partStyles);

        var partOne = $(this).next().find('.menu').find('.menu_part:nth-of-type(1)');

        var test = partOne.attr('style').split(';')[10];
        console.log(test);
        var partOneStyles = `&:nth-of-type(1) {\n\t${partOne.attr('style').split(';')[10]};\n\twidth: ${partOne.css('width')}\n}\n\n`;

        var partTwo = $(this).next().find('.menu').find('.menu_part:nth-of-type(2)');
        var partTwoStyles = `&:nth-of-type(2) {\n\t${partTwo.attr('style').split(';')[10]};\n\twidth: ${partTwo.css('width')}\n}\n\n`;

        if ($(this).next().find('.menu').find('.menu_part').length != 2) {
            var partThree = $(this).next().find('.menu').find('.menu_part:nth-of-type(3)');
            var partThreeStyles = `&:nth-of-type(3) {\n\t${partThree.attr('style').split(';')[10]};\n\twidth: ${partThree.css('width')}\n}\n\n`;

        } else {
            var partThree = '';
            var partThreeStyles = '';
        }


        var menu = $(this).next().find('.menu');
        var menuStyles = menu.attr('style').split(';');
        var menuFinal = `#menu-${$(this).data('index')} {\n\tdisplay: none;\n}\n\n.menu {
${menuStyles.join(';\n')}
\t&_part {
\t\t${partStyleFinal}
\t\t${partOneStyles}
\t\t${partTwoStyles}
\t\t${partThreeStyles}
}\n


}\n${$('style.menu-' + $(this).data('index'))[0].innerHTML}`;
        console.log($('style.menu-1')[0]);
        $('.panel .css').text(menuFinal);
    });



    function autoToggle() {
        setInterval(function () {
            $('input').click();
        }, 1000);
    }

    //autoToggle();
    //# sourceURL=pen.js
</script>





</body></html>